<DropdownLabel> and <DropdownDescription> capture all `click` events

[thatgim]

What component (if applicable)

• URL for category: https://catalyst.tailwindui.com/docs/dropdown
• Component name: DropdownLabel, DropdownDescription

Describe the bug
If a DropdownLabel or DropdownDescription is used in an DropdownItem it will capture all click events and make "selecting" the element impossible. If it is an item with a ~short text it's possible to select it by clicking on the right side beyond the boundaries of the DropdownLabel or DropdownDescription. There's a small active area on the top and bottom edge, too.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://catalyst.tailwindui.com/docs/dropdown#with-descriptions
2. Try to select Open, Rename or Delete by clicking on the label or description -> won't work
3. Click on Rename or Delete on the right edge -> Dropdown closes

Expected behavior
It should be possible to click on a DropdownLabel or DropdownDescription and trigger an onClick on DropdownItem

Screenshots

Browser/Device (if applicable)

• OS: Arch Linux
• Browser chromium 145.0.7632.75, firefox 147.0.3

[thatgim]

I've added passive={true} to Headless.Label which solved my acute problem.