tailwindlabs / headlessui

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

Home Page:https://headlessui.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Combobox overrides HTML styles with overflow:hidden when menu opened

tusmenko opened this issue · 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