adobe / adobe/react-spectrum

Combobox input loses its value after scrolling down and back up the page.

Open
#6,760 1 comment 1 reaction 0 assignees View on GitHub
bug ComboBox RAC
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

`Combobox` input loses its value after scrolling down and back up the page. This happens when
there is one or more matching options are available.

The bug is available on the [Official React-Aria Combobox Documentation](https://react-spectrum.adobe.com/react-aria/ComboBox.html)

### 🤔 Expected Behavior?

The input field should retain the entered text even after scrolling down and back up.

### 😯 Current Behavior

`Combobox` input loses its value. This happens when
there is one or more matching options are available.

### 💁 Possible Solution

The input should not lose its value.

### 🔦 Context

_No response_

### 🖥️ Steps to Reproduce

1. Type "ka" into the `Combobox` input field. [ComboBox Official Documentation](https://react-spectrum.adobe.com/react-aria/ComboBox.html)
2. Observe that the "Kangaroo" option appears in the `Popover` list.
3. Scroll to the bottom of the page, away from the `Combobox` component.
4. Scroll back up to the `Combobox` component.
5. Notice that the input is still focused, but the previously entered text "ka" has been reset.

### Version

react-aria 3.33.1

### What browsers are you seeing the problem on?

Chrome, Firefox

### If other, please specify.

_No response_

### What operating system are you using?

MacOS

### 🧢 Your Company/Team

_No response_

### 🕷 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.