Skip to content

X icons are not clickable bug - #30

Open
ccnrussell wants to merge 2 commits into
sersavan:mainfrom
ccnrussell:main
Open

X icons are not clickable bug#30
ccnrussell wants to merge 2 commits into
sersavan:mainfrom
ccnrussell:main

Conversation

@ccnrussell

Copy link
Copy Markdown

I just found out this component and it's really cool, thanks a lot! One thing missing was "X" buttons wasn't working, I was really confused but after some research I found the solution.
https://ui.shadcn.com/docs/components/button
There's a changelog at the bottom of the page which says
"2024-10-16 Classes for icons
Added gap-2 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 to the button to automatically style icon inside the button."
So yeah, "[&_svg]:pointer-events-none" this one is preventing from clicking to the "X" icons. So I added "[&_svg]:pointer-events-auto" to "Button" className, it's working same like in the demo website right now.

@vercel

vercel Bot commented Oct 21, 2024

Copy link
Copy Markdown
Contributor

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
shadcn-multi-select-component ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 21, 2024 3:28pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants