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](https://private-user-images.githubusercontent.com/44675825/331265286-de484a82-e152-492d-a5df-afb1529a46ca.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTYxOTY3NjIsIm5iZiI6MTcxNjE5NjQ2MiwicGF0aCI6Ii80NDY3NTgyNS8zMzEyNjUyODYtZGU0ODRhODItZTE1Mi00OTJkLWE1ZGYtYWZiMTUyOWE0NmNhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTIwVDA5MTQyMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWEzNDc2ZDg1ZTcxNTcxMjI2YzU0ZjA2NGI5Y2E4YWYzODE5YjVlMmJmY2ZjOTlmNDk3YjFiOTVlODU2MTdmMzgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.tKUg9UJ-Bsp8ZD0-KOPigy3wB2MOB4ThtjvhyOl_9pw)