You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
What version of Tailwind CSS are you using? v3.4.4
What build tool (or framework if it abstracts the build tool) are you using?
Next v14.2.2
PostCSS v8
What version of Node.js are you using?
Node v20.11.1
Bun v1.1.8
What browser are you using?
Safari [macOS/iOS] (does NOT work as expected) v17.5
Brave [Windows] (works as expected) v1.67.116
Arc [macOS] (works as expected) v1.47.1
Edge [Windows] (works as expected) v126.0.2592.56
Hey! In your own projects this is handled by autoprefixer which uses your browserslist configuration to determine supported browsers and what prefixes need to be applied. As for Tailwind Play, there was a configuration issue (also related to autoprefixer) that caused this but I've fixed it and your Play now works and shows the blur correctly!
What version of Tailwind CSS are you using?
v3.4.4
What build tool (or framework if it abstracts the build tool) are you using?
Next
v14.2.2
PostCSS
v8
What version of Node.js are you using?
Node
v20.11.1
Bun
v1.1.8
What browser are you using?
Safari [macOS/iOS] (does NOT work as expected)
v17.5
Brave [Windows] (works as expected)
v1.67.116
Arc [macOS] (works as expected)
v1.47.1
Edge [Windows] (works as expected)
v126.0.2592.56
What operating system are you using?
macOS 14.5
Windows 11 23H2
Reproduction URL
https://play.tailwindcss.com/s0uKhW1RIh
Describe your issue
The
backdrop-blur-
classes do not add the-webkit-
style, so Safari and other webkit browsers aren't being styled with a backdrop blur.In this mean while, ot solve this I manually added each of the classes to my global css file
The text was updated successfully, but these errors were encountered: