Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Support scroll and reposition of Popover #11796

Closed
2 tasks done
slavab89 opened this issue Jun 10, 2018 · 3 comments
Closed
2 tasks done

Support scroll and reposition of Popover #11796

slavab89 opened this issue Jun 10, 2018 · 3 comments
Assignees
Labels
component: Popover The React component. new feature New feature or request

Comments

@slavab89
Copy link
Contributor

Currently, once some Popover opens (Menu, Dialog, Select etc.) it blocks scroll events (intentionally).
I would like to support scroll events + auto reposition of the popover element.

An example of the behavior can be seen at https://material-components.github.io/material-components-web-catalog/#/component/menu (Open menu button)

If the solution is to use react-popper then it would be great to have some doc/example added.

  • This is a v1.x issue (v0.x is no longer maintained).
  • I have searched the issues of this repository and believe that this is not a duplicate.

Your Environment

Tech Version
Material-UI v1.2.0
React 16.4.0
browser Chrome
@oliviertassinari oliviertassinari added new feature New feature or request component: Popover The React component. labels Jun 10, 2018
@michael-ecb
Copy link

michael-ecb commented Jul 2, 2018

We use popover for open a menu, but the body scroll is automatically hidden,
The screen jumps when I use the popover. Can we remove the hidden from the overlay body?

@gouravhammad
Copy link

gouravhammad commented Aug 27, 2020

Ye

We use popover for open a menu, but the body scroll is automatically hidden,
The screen jumps when I use the popover. Can we remove the hidden from the overlay body?

Yes, I can be resolved using a single property: <Popover disableScrollLock={true} ></Popover>

@FarshadJanmohammadi
Copy link

thank you so much. I can was solved the problem with your solution

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: Popover The React component. new feature New feature or request
Projects
None yet
Development

No branches or pull requests

5 participants