Skip to content

Scroll bouncing in flipped combobox with multiple itemsΒ #9168

@wgg-max

Description

@wgg-max

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:

combobox-scroll-bug.mp4

πŸ–₯️ 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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions