Hi Theo & T3 Team,
I've encountered a bug in the tab component where, after the initial page load or a page refresh, navigating from the "Account" tab to the "Customization" tab results in a brief flash of incorrect content (a blank screen) before the "Customization" tab's content is displayed.
Crucially, this only happens the first time I navigate to "Customization" after a fresh load or refresh. If I then navigate back to "Account" and again to "Customization", the issue does not occur on that second navigation.
Steps to Reproduce:
Navigate to the page with the tab component (either a fresh visit or after a refresh). You'll likely start on the "Account" tab by default.
Navigate to the "Customization" tab.
Observe the blank screen/incorrect content before the "Customization" tab's content loads.
(Optional but demonstrates the issue): Navigate back to the "Account" tab, and then back to the "Customization" tab. The flash will not occur this time.
Expected Behavior:
The "Customization" tab's content should load immediately after navigation, without any initial flash, regardless of whether it's the first navigation after a load/refresh or a subsequent navigation.
Possible Cause (My Best Guess):
This behavior suggests a potential issue with the component's initialization or caching mechanism. It's possible that the "Customization" tab's content or dependencies aren't being fully initialized or cached on the initial page load/refresh, leading to the delay the first time it's accessed. Subsequent navigations might then be using a cached or fully initialized version, preventing the flash. The navigation away from "Customization" and back might also be triggering some sort of initialization.
Let me know if you need any further information or clarification.
Link to video showing the bug: https://vimeo.com/1069180363?share=copy#t=0
Thanks,
Bram
Please authenticate to join the conversation.
Completed
Bug Reports
Get notified by email when there are changes.
Completed
Bug Reports
Get notified by email when there are changes.