fix(ui): prevent text shimmer overlap

2026-08-22 09:36:17 +00:00 · 2026-08-22 02:15:43 +00:00
1 changed files with 6 additions and 1 deletions
@@ -36,12 +36,16 @@
 [data-component="text-shimmer"] [data-slot="text-shimmer-char-shimmer"] {
  grid-area: 1 / 1;
  white-space: pre;
-  transition: opacity var(--text-shimmer-swap) ease-out;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
 }

+[data-component="text-shimmer"]:where([data-active="true"]) [data-slot="text-shimmer-char-base"],
+[data-component="text-shimmer"]:where([data-active="true"]) [data-slot="text-shimmer-char-shimmer"] {
+  transition: opacity var(--text-shimmer-swap) ease-out;
+}
+
 [data-component="text-shimmer"] [data-slot="text-shimmer-char-base"] {
  color: inherit;
  opacity: 1;
@@ -112,6 +116,7 @@
    color: inherit;
    -webkit-text-fill-color: currentColor;
    background-image: none;
+    opacity: 0 !important;
  }

  [data-component="text-shimmer"] [data-slot="text-shimmer-char-base"] {