headlessui icon indicating copy to clipboard operation
headlessui copied to clipboard

Combobox overrides HTML styles with overflow:hidden when menu opened

Open tusmenko opened this issue 1 year ago • 0 comments

What package within Headless UI are you using?

For example: @headlessui/react

What version of that package are you using?

For example: v2.0.3

What browser are you using?

For example: Arc (Chrome)

Reproduction URL

https://codesandbox.io/p/live/7554170f-24fd-4e5b-96ed-e56d49559f2e

Describe your issue

The combobox component adds styling to the HTML root when the menu opened, which corrupts the "sticky" behaviour of other components.

This is what is added to the when combobox menu is open:

style=overflow: hidden; padding-right: 0px;

image

tusmenko avatar May 16 '24 15:05 tusmenko