sersavan / shadcn-multi-select-component

A multi-select component designed with shadcn/ui

Home Page:https://shadcn-multi-select-component.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Popover Menu Content

sutaungmai opened this issue · comments

Hi, I got disabled popover like below from the image. I can't click on anything. It seems CommandItem components from shadcn got applied data-disabled attribute set to false. I have no idea how to solve it in the code, but I manage to remove that attribute from the inspect the items can be clickable again.

Screenshot from 2024-07-10 19-31-02

Hi, they fixed this issue back in May.
Update you command component npx shadcn-ui@latest add command
Here is their commit:
image

Ahha! Thanks mate. It does work.

Or another option is to add the following styles to each CommandItem component:
<CommandItem style={{ pointerEvents: "auto", opacity: 1 }}>