You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Select a person e.g. Arlene Mccoy using the mouse or the keyboard
Use the Tab key to exit the Combobox
Click on the button "Select Tanya".
Observed: Tanya Fox is now the selected person but the Combobox still displays "Arlene
Mccoy".
Expected: The Combobox should display "Tanya Fox" instead.
The issue does NOT appear if in step 3 you use the mouse to exit the Combobox e.g. by clicking somewhere else or clicking directly on the "Select Tanya" button.
The text was updated successfully, but these errors were encountered:
omarkohl
added a commit
to omarkohl/phh-recorder
that referenced
this issue
Nov 17, 2024
There seems to be a Combobox bug which causes the value being displayed
to be incorrect. This workaround solves that even though it means you
have to tab twice per Combobox when changing the value since the entire
Combobox is re-rendered I guess.
tailwindlabs/headlessui#3537
We are also using the Combobox and are experiencing the same issue, when tabbing out of the combobox and then selecting a new value, the input does not update. Also when Shift+Tabbing out of the combobox and then selecting a new value, the input does not update. We are on version 2.2.0
What package within Headless UI are you using?
@headlessui/react
What version of that package are you using?
2.1.10
What browser are you using?
Reproduction URL
https://github.com/omarkohl/combobox-bug
https://codesandbox.io/p/github/omarkohl/combobox-bug/main?import=true
Describe your issue
Mccoy".
The issue does NOT appear if in step 3 you use the mouse to exit the Combobox e.g. by clicking somewhere else or clicking directly on the "Select Tanya" button.
The text was updated successfully, but these errors were encountered: