react-spectrum icon indicating copy to clipboard operation
react-spectrum copied to clipboard

Scroll bouncing in flipped combobox with multiple items

Open wgg-max opened this issue 1 month ago โ€ข 3 comments

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

wgg-max avatar Nov 11 '25 11:11 wgg-max