react-spectrum
react-spectrum copied to clipboard
Scroll bouncing in flipped combobox with multiple items
Provide a general summary of the issue here
The scroll of the list popover inside the combobox is bouncing when multiple items are displayed, but only when its flipped automatically. This prevents the user from reaching the items at the end of the list.
๐ค Expected Behavior?
The scroll should not bounce and work as normal like in case of the non-flipped version. Applying shouldFlip={false} on the popover fixes the issue but is preventing the use of auto flipped combobox popovers.
๐ฏ Current Behavior
The scroll bounces towards the end of the list.
๐ Possible Solution
No response
๐ฆ Context
Here is a video showcasing the issue:
https://github.com/user-attachments/assets/3f0911d0-ffcc-4c8c-923a-f80c3a94aa9b
๐ฅ๏ธ Steps to Reproduce
Here is a link with a working reproduction:
https://stackblitz.com/edit/vitejs-vite-seeymkoc?file=src%2Fcomponent%2Fcombo-box.tsx
Version
1.13.0 (react-aria-components)
What browsers are you seeing the problem on?
Chrome
If other, please specify.
No response
What operating system are you using?
Windows
๐งข Your Company/Team
Wertgarantie SE
๐ท Tracking Issue
No response