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

[Feature]: Dont lock page scroll (DropdownMenu, Select) #1670

Open
2 tasks
MickL opened this issue Feb 28, 2025 · 2 comments
Open
2 tasks

[Feature]: Dont lock page scroll (DropdownMenu, Select) #1670

MickL opened this issue Feb 28, 2025 · 2 comments

Comments

@MickL
Copy link

MickL commented Feb 28, 2025

Describe the feature

I noticed that when opening a Select or DropdownMenu the body scroll gets locked (overflow: hidden; pointer-events: none;.

This is not the behavior I want so I am looking for a prop to not do so, but I cant find any?

I noticed it is the same for Nuxt UI Select but not for SelectMenu so maybe there is already a prop?

Additional information

  • I intend to submit a PR for this feature.
  • I have already implemented and/or tested this feature.
@cyyynthia
Copy link
Contributor

For the DropdownMenu this can be controlled by setting modal property on the Root element to false. For Select, set the bodyLock prop on Content to false.

@MickL
Copy link
Author

MickL commented Feb 28, 2025

Thanks! To give you feedback for the docs: I simply couldnt find this information. I searched for scroll, body, overflow, lock, etc

Also what I noticed is that the one example Reka has is bloated with all possible features while I mostly need basic functionality. In contrast I really like the Nuxt UI v3 docs as they show simple example, then explain all the features and then give more complex usecase specific examples.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants