Spinner: Opacity animation bug in Chrome (#3888)

pinterest · Nov 20, 2024 · 116c576 · 116c576
1 parent 2519911
commit 116c576
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/gestalt/src/Spinner.css b/packages/gestalt/src/Spinner.css
@@ -12,6 +12,7 @@
 
 .icon {
   composes: block from "./Layout.css";
+  animation-composition: add;
   animation-duration: 1.2s;
   animation-iteration-count: infinite;
   animation-name: spin;
@@ -20,5 +21,5 @@
 
 .delay {
   animation-delay: 0.3s;
-  opacity: 0;
+  opacity: var(--opacity-0);
 }