[combobox][autocomplete] Input cursor jumps to end with async suggestions

[oltodo]

Bug report

Current behavior

When using the Autocomplete component with asynchronous suggestions (similar to the example in the documentation), editing the input anywhere other than at the end causes the cursor to jump to the end after each keystroke. This prevents editing the text in the middle of the input.

Expected behavior

The cursor should remain at the expected position (where the user is typing), and should not be automatically moved to the end after each character is entered.

Reproducible example

This problem can be reproduced using the example provided in the official documentation.

https://base-ui.com/react/components/autocomplete#async-search

Base UI version

1.0.0-beta.3

Which browser are you using?

Chrome

Which OS are you using?

Mac OS

[atomiks]

This seems to be related to controlled mode, as it happens for the autocomplete hero demo in controlled mode too without async behavior. The state of the input is getting reset or overwritten for some reason in controlled mode.

This seems like a possible bug with the store subscription, as replacing this with local state works fine.

const inputValue = useStore(store, selectors.inputValue);

cc @romgrk - this could be related to the bug I mentioned with Combobox.List's popupProps subscription which requires the children to be memoized 🤔

It seems like it's acting like key and remounting the entire input when it changes.

---

Fix PR: #2707

[github-actions]

This fix will be available in the next npm release of Base UI.

In the meantime, you can try it out on our Canary release channel:

npm i https://pkg.pr.new/@base-ui-components/react@2707