This is so odd I am not even sure where to begin understanding this issue. The site is in development but 99% production ready in terms the whole site thru testing produces zero errors. For the sake of this situation say everything is fine. Console and logging has resulted in zero issues
Problem / scenario is: I / user is on the site at any page doing my business as normal. I decide to reset my password (or anything that ends an email with a link to click) which sends a confirmation to my email, and carry on doing whatever on the site.
User can be on any page and my computer email program alerts me, new mail => mail has a link to reset my password. Click that link opens the site in a new tab “congrats your email is confirmed” and you can carry on your business on the site you would think…
This is where the site breaks.
If the site is open in 2 tabs at the same time only 1 tab / site will load data from the API. Both tabs make the same call, get the same response but only 1 will fully load the data into the page.
I can navigate to the same pages on both sites and check and anything loading via API will not load / display on 1 of the tabs, the other works perfect.
If I am on the tab that fails to load content and simple click close on the working tab, the tab that was not working suddenly loads the page content with out any interaction whatsoever…
Happens in Chrome / FF / Opera / Edge / Safari
Example: Tab 1 Works
Example: Tab 2 has no data
And this happens on every page so I can navigate thru Tab A and Tab B to to check each and same result. Only 1 of the tabs will operate the site functionality, the other is just empty.
Site is not live / production so unfortunately do not have a URL to share but any thoughts / insights?
Note: None of the data is using Vuex so its all direct from the API, both tabs make the request and response shows correct data as expected, just will not populate the page in Tab B