Skip to content

Mobile navigation width is offset by scrollbar #5725

Open
@safiranugroho

Description

@safiranugroho

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions