-
-
Notifications
You must be signed in to change notification settings - Fork 1.1k
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
[BUG] - Select component when clicked scrolls down the page #2878
Labels
Comments
|
I am experiencing this same issue even after upgrading to 2.3.6 |
This has to do (for me) with having the Select component set to full width on mobile. If I change "w-full" to, say, "w-5/6", the scroll jump does not happen. |
Closing due to no response from OP. |
Sorry for the late update, I believe it's due to how I structure my divs. I tried to put the component inside it's own parent div and the issue disappeared. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
NextUI Version
2.2.10
Describe the bug
I installed NextUI on my Next project 14.0.3. I tried to use the Select component and supplied a dynamic values of ages. What happen is when I click on the Select component, the page scrolls down to the level of where the select component is positioned and it changes its value. It always happen only when I supply the ages values to the select component.
I also found out that the Select component only accepts string values which is I convert my ages to string type.
Your Example Website or App
No response
Steps to Reproduce the Bug or Issue
This is my age values
Option type
Page component
Expected behavior
As a user, I expect to see normal behavior of select box but I am experiencing weird things like scrolling the page down and changing the value when clicking the component.
Screenshots or Videos
No response
Operating System Version
macOS
Browser
Chrome
The text was updated successfully, but these errors were encountered: