Skip to content

Ensure pressing Tab in the ComboboxInput, correctly syncs the input value#3785

Merged
RobinMalfait merged 3 commits intomainfrom
fix/issue-3738
Sep 5, 2025
Merged

Ensure pressing Tab in the ComboboxInput, correctly syncs the input value#3785
RobinMalfait merged 3 commits intomainfrom
fix/issue-3738

Conversation

@RobinMalfait
Copy link
Member

We prevent syncing the ComboboxInput value while you are typing. However, when you press Tab there is keyboard event causing the component to be marked as if you are currently typing. But since we are tabbing away from the input we should not be "typing" anymore.

This ensures that the input can be updated with whatever the current value should be.

Fixes: #3738
Fixes: #3595
Fixes: #3537
Closes: #3596

@vercel
Copy link

vercel bot commented Sep 5, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
headlessui-react Ready Ready Preview Comment Sep 5, 2025 11:31am
headlessui-vue Ready Ready Preview Comment Sep 5, 2025 11:31am

@RobinMalfait RobinMalfait marked this pull request as ready for review September 5, 2025 11:29
We prevent syncing the `ComboboxInput` state while you are typing.
However, when you press `Tab` there is keyboard event, but since we are
tabbing away from the input we should not be "typing" anymore.

This ensures that the `input` can be updated with whatever the current
value should be.

Co-authored-by: Daniil Savitskii <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

1 participant