[Bug][Severe] Using `Combobox.Input` with `displayValue` breaks the input behaviour
See original GitHub issueWhat package within Headless UI are you using?
What version of that package are you using?
Bug found in : 0.0.0-insiders.fa10cb0
Works fine with 1.6.6
What browser are you using?
N/A
Reproduction URL
https://stackblitz.com/edit/react-onn88a?file=src/App.js
Describe your issue
Focus the input and start editing its value. You will see after a few ms it will return to the value returned by displayValue
.
Up to 1.6.6
the behaviour was to keep the user input while he’s editing.
Issue Analytics
- State:
- Created a year ago
- Comments:8 (1 by maintainers)
Top Results From Across the Web
Set display value to empty when open - HeadlessUI Combobox
Here is my CodeSandbox. I noticed we have two render props for Combobox.Input which are open and disabled . How to use that...
Read more >Combobox (Autocomplete) - Headless UI
Comboboxes are built using the Combobox , Combobox.Input , Combobox. ... Input will automatically open/close the Combobox.Options when searching.
Read more >Make Combo Box Widget Display Value From A Table Instead ...
I want this combo box to behave like the default "input field" where, the combo box displays the current value from the linked...
Read more >useCombobox - Downshift
It returns a set of props that are meant to be called and their results destructured on the combobox's elements: its label, toggle...
Read more >Editable Combobox With List Autocomplete Example - W3C
Identifies the input as a combobox. aria-autocomplete="list", input[type="text"], Indicates that the autocomplete behavior of ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@JesusTheHun we are doing a bunch of cleanup this week, so I would say by the end of the week.
@JesusTheHun This should be fixed by #2090, and will be available in the next release.
You can already try it using
npm install @headlessui/react@insiders
.I’ve updated your stackblitz reproduction with the latest insiders build: https://stackblitz.com/edit/react-drzwin