I'm wondering if anyone has come across an issue before where if someone is interacting with the same screen on multiple tabs, is there crossover with the state, thus resulting in components from one tab showing on the other?
For a bit of context, we've developed a page builder where the user can add content blocks to a page. Each content block is a component and when saved it saves the page along with the configured blocks.
During testing, we came across an unusual experience where when we had two page editor browser tabs open (different pages on each) it was displaying the same content block components and data on both pages.
Whatsmore, this only seems to occur on Microsoft Edge - we can't seem to replicate it on Chrome.
Has anyone had this issue before? Is there anything in particular I should consider in my components to ensure that crossover can't happen?
@agiledigital Yes, if the same user is logged in across multiple tabs, then there’s only a single session. So, if you open the page builder in one tab, then the same page builder in a second tab, update the page in the second tab, the first tab is going to show “stale” content until you refresh it and fetch the updated page from the server again.
You’ll need to accommodate for this if this is undesired behaviour. The simplest way would be to show a message when the same page builder page is opened in more than one tab simultaneously. You could use web sockets to detect if any one else has the same page builder open, and show a “This page is being edited elsewhere” message if so.
