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

Always generate -webkit-backdrop-filter property #13997

Merged
merged 2 commits into from
Jul 13, 2024

Conversation

adamwathan
Copy link
Member

@adamwathan adamwathan commented Jul 12, 2024

This PR updates all of the backdrop-* utilities to always include the -webkit-backdrop-filter vendor prefixed property so that Tailwind isn't completely dependent on autoprefixer or Lightning CSS to produce these styles. We used to do this for -webkit-appearance: none for the same reason until browser support for the unprefixed property was solid.

Safari didn't add support for unprefixed backdrop-filter until Safari 18 (which isn't out yet at the time of this PR), so I think it makes sense to just bake this in. We do this in the v4 engine already which is targets more modern browsers than v3, so I think it makes sense to do in v3 as well:

https://github.com/tailwindlabs/tailwindcss/blob/next/packages/tailwindcss/src/utilities.ts#L3262

Here's an example of where this bit someone in an important situation:

https://x.com/impatienceisav1/status/1811837511544803416

@adamwathan adamwathan merged commit 9033d62 into master Jul 13, 2024
13 checks passed
@adamwathan adamwathan deleted the always-generate-backdrop-prefix branch July 13, 2024 00:48
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

Successfully merging this pull request may close these issues.

2 participants