You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When some primitive like dialog or select is triggered, radix disables the page scrollbar, but that causes layout shift if the page uses scrollbar-gutter: stable;.
Bug report
Current Behavior
When some primitive like dialog or select is triggered, radix disables the page scrollbar, but that causes layout shift if the page uses
scrollbar-gutter: stable;.Expected behavior
Layout should not shift.
Reproducible example
Layout Shift Example
Suggested solution
Possibly using some css selector like
*[style*="scrollbar-gutter: stable"]Additional context
This is related to #1496 and #1925, but I decided to open a new issue because those don't seem to be focused on the stable gutter issue.
I also recorded a video, just in case anyone is having issues reproducing it.
firefox_bzEoCHEMF6.mp4
Your environment