Video: Fix flickering video controls on iOS browsers (#3202)

pinterest · Sep 21, 2023 · 2247921 · 2247921
1 parent b4c50fa
commit 2247921
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/gestalt/src/Icon.css b/packages/gestalt/src/Icon.css
@@ -9,5 +9,11 @@
 }
 
 html[dir="rtl"] .rtlSupport {
-  transform: rotateY(180deg);
+  /*
+  Using `scale` instead of `rotateY`.
+  This is a workaround for the bug in iOS browsers with rendering rotated SVGs over video.
+  Bug repro: https://gist.github.com/diyorbek/945189e3036552d2de34ae955a1605ee
+  */
+  transform: scale(-1, 1);
+  transform-origin: center;
 }