shadcn-vue icon indicating copy to clipboard operation
shadcn-vue copied to clipboard

[Bug]: button link variant strange box shadow

Open brokuka opened this issue 1 year ago • 1 comments

Reproduction

https://www.shadcn-vue.com/docs/components/button#link

Describe the bug

Using focus(focus-within) on button has strange corners image

System Info

docs

Contributes

  • [ ] I am willing to submit a PR to fix this issue
  • [ ] I am willing to submit a PR with failing tests

brokuka avatar Jul 31 '24 10:07 brokuka

Same goes for other shadcn ports

It seems ring-offset and border-radius are not working well together, maybe in Tailwind v4 it will be resolved by replacing the ring with the outline property

https://tailwindcss.com/blog/tailwindcss-v4-alpha#whats-changed

sadeghbarati avatar Jul 31 '24 10:07 sadeghbarati

Fixed in tailwindcss v4

https://v4.shadcn-vue.com/#button

sadeghbarati avatar May 14 '25 07:05 sadeghbarati