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

[Popover] modal prop #1459

Open
wants to merge 11 commits into
base: master
Choose a base branch
from
Open

Conversation

atomiks
Copy link
Contributor

@atomiks atomiks commented Feb 18, 2025

  • Adds the modal prop to Popover, like Menu
  • Makes Popover match Menu's "stick" behavior. Prevents multiple popovers from overlapping each other when one is clicked and hovering over if they have openOnHover

Scroll locking and internal backdrop aren't active if openReason === 'hover' for either one, even if modal=true.

Supersedes #1234 and #1231

Closes #623

@atomiks atomiks added component: menu This is the name of the generic UI component, not the React module! component: popover This is the name of the generic UI component, not the React module! labels Feb 18, 2025
Copy link

netlify bot commented Feb 18, 2025

Deploy Preview for base-ui ready!

Name Link
🔨 Latest commit 6102f4c
🔍 Latest deploy log https://app.netlify.com/sites/base-ui/deploys/67c147a1acc2a400087e85bd
😎 Deploy Preview https://deploy-preview-1459--base-ui.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@atomiks atomiks marked this pull request as ready for review February 18, 2025 03:45
@michaldudak
Copy link
Member

The new prop is missing from the docs

@atomiks
Copy link
Contributor Author

atomiks commented Feb 24, 2025

The new prop is missing from the docs

Fixed – caused by the issue of the root not being identified

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: menu This is the name of the generic UI component, not the React module! component: popover This is the name of the generic UI component, not the React module!
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[dialog][popover][menu][select] Modality and focus changes
2 participants