question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Bug][Severe] Using `Combobox.Input` with `displayValue` breaks the input behaviour

See original GitHub issue

What package within Headless UI are you using?

@headlessui/react

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.

May be related to issue #1675, PR #1679.

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:8 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
RobinMalfaitcommented, Dec 13, 2022

@JesusTheHun we are doing a bunch of cleanup this week, so I would say by the end of the week.

1reaction
RobinMalfaitcommented, Dec 12, 2022

@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

Read more comments on GitHub >

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

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found