Replies: 1 comment 3 replies
-
Hey! Yeah, this is a browser implementation thing where Safari's Up to not so long ago, other browsers were also displaying rectangle outlines no matter what. On the screenshot below, the circles on the left are using The browsers, from top to bottom, are:
For that reason, we've implemented https://tailwindcss.com/docs/ring-width They are using In your case, I suggest using We have actually shipped new, composable Soon hopefully, you'll be able to use Moving this to our GitHub discussions because I suspect some other folks might find this helpful 👍 And just in case you need it, here's the little Tailwind Play used in the screenshots: https://play.tailwindcss.com/4mCBkc4PmD Hope it helps! |
Beta Was this translation helpful? Give feedback.
-
I used the "rounded-full" rule on an originally square img and then used the "outline" rule on it. It works fine on Chrome, but on Safari the outline renders as a square and not as a circle around the rounded img. I know it's stupid, but it's an issue.
Beta Was this translation helpful? Give feedback.
All reactions