Skip to content

Scrollbar is always shown in MUI V5 #24421

@pondorasti

Description

@pondorasti

I have started to look into MUI v5, and transition my own project, however I couldn't help but notice that scrollbars behave differently.

  • The issue is present in the latest release.
  • I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

Right now, anywhere throughout next.material-ui, a scrollable area's content is shifted by a ~15px scrollbar that is always shown.

Screenshot 2021-01-14 at 15 33 24

Expected Behavior 🤔

I was hoping that scrollbars would look visually the same as the current stable release, where a scrollbar is overlaid on top of the content and only shown when you scroll.

Screenshot 2021-01-14 at 15 35 26

Steps to Reproduce 🕹

I have just compared next.material-ui.com and material-ui.com.

Your Environment 🌎

Operating System: macOS Catalina 10.15.7 (19H15)
Browser: Safari 14.0.1 (15610.2.11.51.10, 15610)

Metadata

Metadata

Assignees

No one assigned

    Labels

    component: CssBaselineThe React component.duplicateThis issue or pull request already exists.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions