Giters

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

Dropdown components are missing prop "modal"

areriklq opened this issue · comments

commented

What package within Headless UI are you using?

@headlessui/react

What version of that package are you using?

@headlessui/react 2.0.3

What browser are you using?

Edge/Chromium

Reproduction URL

N/A

Describe your issue
Release notes for 2.x says:

Dropdown components are now modal by default
The Menu, Combobox, and Listbox dropdowns are now rendered modal by default. When the dropdown is open the page is scroll-locked and all other page content is made inert.

While this is generally recommended behavior for these components, you can disable this using the modal prop:

- <Combobox ...>
+ <Combobox modal={false} ...>

However, I am unable to find the modal prop on the Listbox component:
image

Am I doing something wrong or is this a defect?

(The changed behavior is causing regressions for me as users now need to click twice to toggle a control after they have opened a multi-select Listbox.)