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

`ComboboxInput` inside `ComboboxOptions` causes weird behavior #3451

Open eifr opened 3 weeks ago

eifr commented 3 weeks ago

What package within Headless UI are you using?

@headlessui/react

What version of that package are you using?

v2.1.4

What browser are you using?

Chrome

Reproduction URL

https://codesandbox.io/p/devbox/dazzling-lovelace-gs4r8d?file=%2Fsrc%2Fexample.jsx%3A53%2C14&workspaceId=eea0c706-342f-4315-8217-3b1658dfd808

Describe your issue

I want to have the input as a sticky in the Options overlay, like this: image

when I'm trying to add ComboboxInput inside ComboboxOptions, ComboboxOptions moves and kinda flickers (you can see in the reproduction)