[Popover] Don't hide scrollbar
See original GitHub issue- I have searched the issues of this repository and believe that this is not a duplicate.
Summary š”
In the documentation, it is written: āThe scroll and click away are blocked unlike with the Popper component.ā. But why? Why not allowing to unlock the scrollbar as it is the case for Select
, Menu
, Dialog
, etcā¦?
You will say me: āuse the popperā. I can do it, but the popper misses a lot of features that the popover has (escape key & click away).
Moreover, Google alreadys uses Popover that doesnāt block the scrollbar:
So it would be nice if there is a way to not block the scrollbar on Popover (this is the only that prevents me to use it everytime I want to use it).
Issue Analytics
- State:
- Created 4 years ago
- Reactions:1
- Comments:5 (4 by maintainers)
Top Results From Across the Web
[Popover] Don't hide scrollbar Ā· Issue #18898 Ā· mui/material-ui
After investigation, Google prevents scrolling when subscribe popover is opened without hiding the scrollbar. I think they do something like:.
Read more >Material UI - Unblock scrolling when popover is opened
The property you are looking for is called disableScrollLock . But using this, does not recalculate the modals positioningĀ ...
Read more >Appearance of scroll bars when opening popover
The workaround is to give the popover no border, or to position the fields so that they do not overlap the popover's border....
Read more >How to prevent Body from scrolling when a modal is opened ...
Approach: A simple solution to this problem is to set the value of the āoverflowā property of the body element to āhiddenā whenever...
Read more >Popover Usage - ServiceNow Developers
Types. Popover panels can have a tail or no tail, as outlined below. ... When the content exceeds the maximum height of the...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Use disableScrollLock prop and with Styles root: { position: āabsolute !importantā, },
I canāt find the direct duplicate, letās keep it open so we donāt forget.