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

[docs] Popover flip #42636

Open
qIsotope opened this issue Jun 13, 2024 · 3 comments
Open

[docs] Popover flip #42636

qIsotope opened this issue Jun 13, 2024 · 3 comments
Assignees
Labels
component: Popover The React component. support: docs-feedback Feedback from documentation page

Comments

@qIsotope
Copy link

qIsotope commented Jun 13, 2024

Related page

https://mui.com/material-ui/react-popover/

Kind of issue

Other

Issue description

Hello, do MUI have a possibility to add modifiers to Popover component?
I wanna the same behaviour as Popper have, when dropdown have no space below the button it goes to top, and when no spacing top it goes bottom

Context

No response

Search keywords: Popover

@qIsotope qIsotope added status: waiting for maintainer These issues haven't been looked at yet by a maintainer support: docs-feedback Feedback from documentation page labels Jun 13, 2024
@zannager zannager added the component: Popover The React component. label Jun 13, 2024
@mnajdova
Copy link
Member

I would recommend using the Popper component if you have this kind of use-case. You can use a Paper component inside to make it look similar as the Popover.

@mnajdova mnajdova removed the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Jun 18, 2024
@qIsotope
Copy link
Author

@mnajdova okay, but in this case window scroll will be enabled, do you have a possibility to disable him?

@mnajdova
Copy link
Member

We don't have an API for it, but it should be easily doable on your side, e.g. check how the ModalManager implements this behavior: https://github.com/mui/material-ui/blob/next/packages/mui-base/src/unstable_useModal/ModalManager.ts#L130

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: Popover The React component. support: docs-feedback Feedback from documentation page
Projects
None yet
Development

No branches or pull requests

3 participants