[BUG] - Select Dropdown Closing and Causing Scroll When Positioned Low in Viewport

[CoffeSiberian]

NextUI Version

2.4.5

Describe the bug

I have the following issue when trying to open a Select element and the selected item is located far down the user's view. This causes a scroll on the webpage, and the Select does not open. In my case, it doesn't open until it reaches the bottom of the scroll because the Selects are fixed. As seen in the video, it also happens on your website, but since the elements are not fixed, it only happens once.

Your Example Website or App

https://github.com/CoffeSiberian/truck-tools/blob/main/src/components/ProfileMenu/ListProfiles.tsx

Steps to Reproduce the Bug or Issue

1. Select an item from a dropdown that is located further down the view.
2. Position the dropdown in a lower part of the viewport.
3. Try to open the dropdown.
4. The dropdown will close and cause the webpage to scroll.

(If the dropdown is fixed, it will scroll until it reaches the bottom of the webpage)

Expected behavior

The select should not scroll and open normally if it is at the bottom of the viewport.

Screenshots or Videos

2024-07-18.21-02-05.mp4

Operating System Version

Windows 10

Browser

Edge

[linear]

ENG-1160 [BUG] - Select Dropdown Closing and Causing Scroll When Positioned Low in Viewport

[Anubhav-Chauhan3367]

Hi! Can I work on this issue?