search

tailwindlabs / headlessui

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
https://headlessui.com
MIT License
25.81k stars 1.07k forks source link

User select is not working inside ComboboxOptions #3420

Open vovabndrnk opened 1 month ago

vovabndrnk commented 1 month ago

I open a combobox, there I have ComboboxOptions and inside them there are ComboboxInput and other elements, when I write something in my input, then I can't select and copy that value. Also, if I type something into the ComboboxInput and then change the focus from the input to something else, I can't get the focus back to the input. It seems that the entire component has been used user-select: none. Almost all versions have this bug. Currently using 1.7.20, as this version don't have this bug

image
y04nqt commented 1 month ago

https://github.com/tailwindlabs/headlessui/issues/3421

This sounds similar to the issue I just reported. Maybe we are encountering the same issue where inert is being applied incorrectly?

tomhooijenga commented 1 month ago

To clarify, we are on the Vue package. While comparing 1.7.20 and 1.7.21, this new line seems related to the bug.

https://github.com/tailwindlabs/headlessui/compare/%40headlessui/vue%40v1.7.20...%40headlessui/vue%40v1.7.21#diff-2a99fce8dc890b1d7968934853ae2a5eff4d46a3b7b70d2d4619f23ccb0f4c29R1402