react.dev icon indicating copy to clipboard operation
react.dev copied to clipboard

Mobile navigation width is offset by scrollbar

Open safiranugroho opened this issue 2 years ago • 0 comments

On browsers that support ::webkit-scrollbar, the navigation width is offset by the width of the scrollbar, hence not exactly 100% of the overflowing parent.

In other browsers (e.g. Firefox, iOS browsers), the navigation width is correctly set to 100% of the overflowing parent, and with uneven padding on the parent, the nav looks like it's overflowing.

Chrome with transparent ::webkit-scrollbar: Screenshot 2023-03-18 at 10 58 33 pm

Chrome without: Screenshot 2023-03-18 at 10 58 44 pm

Firefox that supports scrollbar-color instead: Screenshot 2023-03-18 at 10 59 34 pm

safiranugroho avatar Mar 18 '23 12:03 safiranugroho