Skip to content
New issue

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

[v4] The ring utility class is not working on Android 14 Chrome 113. #15657

Open
mwc opened this issue Jan 17, 2025 · 1 comment
Open

[v4] The ring utility class is not working on Android 14 Chrome 113. #15657

mwc opened this issue Jan 17, 2025 · 1 comment

Comments

@mwc
Copy link

mwc commented Jan 17, 2025

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

Image
@MartinCura
Copy link

ring was replaced with ring-3: https://tailwindcss.com/docs/v4-beta#default-ring-width-change

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

No branches or pull requests

2 participants