adobe / adobe/react-spectrum

Scroll bouncing in flipped combobox with multiple items

Open
#9,168 3 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
15.9k
Forks
1.6k
Avg merge
3d 9m
Merged PRs (30d)
59

Description

### 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_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.