We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
ring
What version of Tailwind CSS are you using?
v4.0.0-beta.9
What build tool (or framework if it abstracts the build tool) are you using?
Nuxt v3.15.2, Tauri v2, vue latest
What version of Node.js are you using?
v22.11.0
What browser are you using?
Chrome 113.0.5672.136
What operating system are you using?
Android 14(API 34)
Describe your issue
The ring utility class is not working as expected on Android 14 using Chrome 113.0.5672.136(maybe not an outdated version yet???).
It works fine on iOS devices.
code:
<div class="m-2"> <div class="p-4 w-40 h-40 bg-gray-100 ring ring-yellow-400">content</div> </div>
result: left-ios, right-android
The text was updated successfully, but these errors were encountered:
ring was replaced with ring-3: https://tailwindcss.com/docs/v4-beta#default-ring-width-change
ring-3
Sorry, something went wrong.
No branches or pull requests
What version of Tailwind CSS are you using?
v4.0.0-beta.9
What build tool (or framework if it abstracts the build tool) are you using?
Nuxt v3.15.2, Tauri v2, vue latest
What version of Node.js are you using?
v22.11.0
What browser are you using?
Chrome 113.0.5672.136
What operating system are you using?
Android 14(API 34)
Describe your issue
The
ring
utility class is not working as expected on Android 14 using Chrome 113.0.5672.136(maybe not an outdated version yet???).It works fine on iOS devices.
code:
result:
left-ios, right-android
The text was updated successfully, but these errors were encountered: