-
Notifications
You must be signed in to change notification settings - Fork 3
Open
Description
What component (if applicable)
- URL for category: https://catalyst.tailwindui.com/docs/dropdown
- Component name: DropdownItem (I guess)
Describe the bug
When using a disabled item with an icon item, the icon item creates a gap with the length of the disabled item between the icon and its label.
To Reproduce
Steps to reproduce the behavior:
<Dropdown>
<DropdownButton outline>
Options
<ChevronDownIcon data-slot="icon"/>
</DropdownButton>
<DropdownMenu anchor="bottom-end">
<DropdownItem href="#">
<User data-slot="icon" />
<DropdownLabel>Account</DropdownLabel>
</DropdownItem>
<DropdownItem disabled>
Slightly longer text
</DropdownItem>
</DropdownMenu>
</Dropdown>
Expected behavior
I expect that the item with an icon is sized independently of other items such as a disabled item.
Screenshots

Browser/Device (if applicable)
- OS: macOS
- Browser: Firefox
- Version: 139.0.4
Additional context
Metadata
Metadata
Assignees
Labels
No labels