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

[hitayco]

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

🤔 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
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

[LFDanLu]

Verified locally, this is due to useCombobox's close also triggering a reset of the input state. This behavior of clearing the input state is valid for cases where you are blurring from the field and such but I agree that it shouldn't clear the field if you are simply scrolling the page. I don't have a precise solution (perhaps making the input only reset if since its a bit nontrivial untangling the logic there and there may be unintended side effect.

Note that custom value comboboxes don't have this issue, so that might be a good stopgap for now