From 2d9f2b487ce44c5587e6e320fde271a30b29f7a8 Mon Sep 17 00:00:00 2001 From: Pedro Lisboa Date: Tue, 27 Aug 2024 19:21:01 +0000 Subject: [PATCH] feat: add backdrop-filter to webkit --- packages/runtime/native/Autoprefixer.ml | 1 + packages/runtime/test/test_autoprefixer.ml | 8 +++++++- 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/packages/runtime/native/Autoprefixer.ml b/packages/runtime/native/Autoprefixer.ml index 3088966c8..318d504d2 100644 --- a/packages/runtime/native/Autoprefixer.ml +++ b/packages/runtime/native/Autoprefixer.ml @@ -28,6 +28,7 @@ let prefix rule = | Declaration (("filter" as property), value) | Declaration (("clip-path" as property), value) | Declaration (("backface-visibility" as property), value) + | Declaration (("backdrop-filter" as property), value) | Declaration (("column" as property), value) | Declaration (("box-decoration-break" as property), value) | Declaration diff --git a/packages/runtime/test/test_autoprefixer.ml b/packages/runtime/test/test_autoprefixer.ml index da011771a..39734a172 100644 --- a/packages/runtime/test/test_autoprefixer.ml +++ b/packages/runtime/test/test_autoprefixer.ml @@ -28,6 +28,12 @@ let animation_duration = "-webkit-animation-iteration-count: infinite; \ animation-iteration-count: infinite;") +let backdrop_filter = + test "backdrop_filter" (fun () -> + prefix_one_declaration + (CSS.backdropFilter [| `blur (`px 30) |]) + "-webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px);") + let tests = ( "Autoprefixer", - [ text_size_adjust; text_decoration; display_grid; animation_duration ] ) + [ text_size_adjust; text_decoration; display_grid; animation_duration; backdrop_filter ] )