Select component scrolls browser up when mouse is moved over dropdown

[nbramblett]

Description

When a select component has enough items on the list to overflow (thus allowing the browser to scroll), moving the mouse while the browser is scrolled down will cause it to scroll back up.

This effect can be reproduced on the saas ui Storybook page for Select, video for posterity:
https://www.loom.com/share/e286fac970a647dcaa83dd21ff63c607?sid=ce04d261-d789-4253-8f10-178983c2a0f9

Link to Reproduction

No response

Steps to reproduce

1. Go to https://storybook.saas-ui.dev/index.html?path=/story/components-forms-select--basic
2. Raise the lower panel so that the "example" has very little vertical space
3. Scroll down to Option 6
4. Move your mouse
5. The page will snap up to the top, causing you to be unable to click the lower options unless your mouse is preemptively in the correct spot (and you can click without twitching your mouse)

Saas UI Version

2.8.9

Chakra UI Version

No response

Browser

Arc 1.47 (Chromium 126)

Operating System

• macOS
• Windows
• Linux

Additional Information

No response

[linear]

SUI-531 Select component scrolls browser up when mouse is moved over dropdown

[Pagebakers]

Unfortunately this is a limitation of the chakra ui menu component currently. I believe this will be fixed in v3.

[benmcginnis]

@Pagebakers I know upgrading to v3 is on your roadmap, it seems like they've fully released v3 now so where does it fit in your plans?

[Pagebakers]

V3 will be released soon, I've started early work for Saas UI v3. It's going to be quite an undertaking and have a better idea of ETA end of this month hopefully.