HeroUI Version

2.8.5

Describe the bug

When using Firefox and navigating to an Autocomplete field with tab, it's only possible to enter 1-2 characters, as the input state constantly overwrites itself and does not append to the existing state. When clicking into the field, this does not happen. This seems to have to do with the focus being put into a different element when tabbing into the field on Firefox. On other browsers (I tested Chrome and Safari), it seems to work properly.

Your Example Website or App

https://www.heroui.com/docs/components/autocomplete

Steps to Reproduce the Bug or Issue

1. Go to https://www.heroui.com/docs/components/autocomplete
2. Tab into the field in the Usage Preview, any field on this page can be used, I used the first one "Select an animal".
3. Try typing into the field, it's only possible to enter 1-2 characters.
4. Click into the field, it works fine now.

Expected behavior

Even when tabbing into the field, entering text should work properly.

Screenshots or Videos

No response

Operating System Version

macOS 26

Browser

Firefox