The scroll bar locking behavior (What if it'd be customizable with this global CSS)

Open
#43,410 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
5/5
Estimated time
Over a week
Newbie friendliness
25/100
Issue type
Feature
Clarity
Needs clarification
Activity status
Stale
Tech stack
css, javascript, react
Domain
frontend

Research direction

Start by reproducing the scrollbar-locking behavior described with body { overflow: auto !important; } and compare it with the reported right-margin offset fluctuation. Trace the MUI behavior referenced in the report and define how a customizable global CSS option should prevent both scrollbar hiding and the opposing offset.

Written by the indexing model from the issue text.

Description

docs scope: select 
          added this

body { overflow: auto !important; }

To overcome any CSS or JavaScript preventing the body from scrolling or locking the scroll bar.

But I ended up with the MUI offset of the right margin of the screen, like it fluctuates to the opposite.

I made that to stop the fluctuation from the scrollbar hiding, but MUI still got another offset.

Originally posted by @samueltesfayegari in https://github.com/mui/material-ui/issues/17353#issuecomment-2305711595

Search keywords:

Dominant language
JavaScript
Stars
99.1k
Forks
32.5k
Avg merge
2d 17h
Merged PRs (30d)
106

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from mui/material-ui

All issues in mui/material-ui

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.