[v4] Tailwind v4 colors not working on older iOS versions #17191
-
|
What version of Tailwind CSS are you using? v4.0.6 What build tool (or framework if it abstracts the build tool) are you using? postcss-cli 11.0.0, Vite 6.1.0 What version of Node.js are you using? v20.0.0 What browser are you using? Safari What operating system are you using? iOS |
Beta Was this translation helpful? Give feedback.
Replies: 3 comments 1 reply
-
|
https://www.reddit.com/r/tailwindcss/comments/1j5a3r8/tailwind_v4_colors_not_working_on_older_ios/ I've found other users that have the same problem. |
Beta Was this translation helpful? Give feedback.
-
|
We also have problems using Tailwind v4 on older devices (old Android devices will have problems as well). V4 uses css features that are just "newly available" (since baseline 2023) like: Colors are too central to just "simply do not use" as recommended on the tailwind docs. Using Tailwind v4 breaks compatibility with devices we need to support. Is there a recommended workaround to this problem? |
Beta Was this translation helpful? Give feedback.
-
|
Hey folks! I converted this to a discussion since this is working as according to our browser support. However, we are actively thinking about adding some kind of compatibility mode to help with this. Unforutnatly changing the color codes alone won't be enough to make it work with older browsers yet as we use many more new CSS APIs (like You can take a look at this thread for potential workarounds right now 👍 |
Beta Was this translation helpful? Give feedback.
-
|
Hi Philipp, thank you for your response to our request. Probably we will rollback to version 3 and wait for a compatibility mode. We cannot break support for our users and the workarounds are not straight forward enough. Can you already give assumptions how likely and when this is comp mode could be arriving? How about being more specific on the upgrade guide to version 4? A section on browser support would be helpful. When updating I expect all breaking changes to be listed in the upgrade guide. I have read through the compatibility chapter without understanding the consequence that the v4 update contains breaking changes on supported browsers. |
Beta Was this translation helpful? Give feedback.
Hey folks! I converted this to a discussion since this is working as according to our browser support. However, we are actively thinking about adding some kind of compatibility mode to help with this. Unforutnatly changing the color codes alone won't be enough to make it work with older browsers yet as we use many more new CSS APIs (like
color-mix(…)or@property).You can take a look at this thread for potential workarounds right now 👍