headlessui icon indicating copy to clipboard operation
headlessui copied to clipboard

Dropdown components are missing prop "modal"

Open areriklq opened this issue 1 year ago • 0 comments

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.)

areriklq avatar May 10 '24 14:05 areriklq