headlessui icon indicating copy to clipboard operation
headlessui copied to clipboard

Unable to click scrollbar of combobox options when being displayed inside a Dialog

Open isaacpresidium opened this issue 1 year ago • 2 comments

What package within Headless UI are you using?

@headlessui/react

What version of that package are you using?

v2.0.1

What browser are you using?

Chrome

Reproduction URL

Here is a codesandbox link, click the button to open a modal and when you type in the box you will see a list appear.

Describe your issue

You can scroll the list with the scroll wheel, but you cannot click the scrollbar with your left mouse button. This only happens when the combobox is displayed within a Dialog, but is there any way to prevent it? Am I doing something wrong?

isaacpresidium avatar May 22 '24 19:05 isaacpresidium

Hey!

The linked CodeSandbox link points to the default template, can you update the CodeSandbox to make sure the reproduction is available?

RobinMalfait avatar May 22 '24 21:05 RobinMalfait

Hey!

The linked CodeSandbox link points to the default template, can you update the CodeSandbox to make sure the reproduction is available?

Updated the link: https://codesandbox.io/p/devbox/happy-fog-3crmms

isaacpresidium avatar May 23 '24 01:05 isaacpresidium

@RobinMalfait hey, can I get the label for this ticket changed at least? I provided more info, with a working link, as requested

isaacpresidium avatar May 27 '24 20:05 isaacpresidium

Hey!

This should be fixed by #3249, and will be available in the next release.

You can already try it using:

  • npm install @headlessui/react@insiders.

RobinMalfait avatar May 28 '24 13:05 RobinMalfait