Skip to content

Commit

Permalink
Fix "backdrop-filter" CSS property not working in Safari
Browse files Browse the repository at this point in the history
Safari still requires the "-webkit-" prefix for this feature.
See also: https://bugs.webkit.org/show_bug.cgi?id=224899

Fixes #491
  • Loading branch information
bitspittle committed Apr 12, 2024
1 parent b786068 commit 4580b49
Showing 1 changed file with 4 additions and 1 deletion.
Original file line number Diff line number Diff line change
Expand Up @@ -25,11 +25,14 @@ typealias BackdropFilter = Filter

fun StyleScope.backdropFilter(backdropFilter: BackdropFilter) {
property("backdrop-filter", backdropFilter)
property("-webkit-backdrop-filter", backdropFilter) // For safari
}

fun StyleScope.backdropFilter(vararg filters: CSSFilter) {
if (filters.isNotEmpty()) {
property("backdrop-filter", filters.joinToString(" "))
val backdropFilter = filters.joinToString(" ")
property("backdrop-filter", backdropFilter)
property("-webkit-backdrop-filter", backdropFilter) // For safari
}
}

Expand Down

0 comments on commit 4580b49

Please sign in to comment.