Reach Tabs flashes all tab panes when visit the page
HuyAms opened this issue · 1 comments
HuyAms commented
🐛 Bug report
Current Behavior
There is a flash of all Tab Panels when I first visit the page
Screen.Recording.2022-09-20.at.22.42.50.mov
Expected behavior
Only the active tab should be visible
Reproducible example
Please see the bug in this Codesandbox
Try to hit the refresh button a few times to see the issue
Suggested solution(s)
Additional context
I think it works well with React but has an issue with Remix
Your environment
| Software | Name(s) | Version |
|---|---|---|
| Reach Package | @reach/tabs | ^0.17.0 |
| React | react | 18.2.0 |
| Browser | Chrome | 105.0.5195.125 (Official Build) (x86_64) |
| Assistive tech | ||
| Node | v17.3.1 | |
| npm/yarn | 8.3.0 | |
| Operating System | MacOS | 11.3.1 |