fix bug with duration infinitely changing on pause

ZdruzenieSTROM · Dec 15, 2024 · df99dc7 · df99dc7
1 parent 4cd5cdd
commit df99dc7
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/Marquee/Marquee.tsx b/src/components/Marquee/Marquee.tsx
@@ -159,7 +159,8 @@ export const Marquee: FC<MarqueeProps> = ({
             width: '100%',
             cursor: onClick ? 'pointer' : 'default',
 
-            '--duration': `${duration}s`,
+            // `toFixed` fixes a weird bug with `duration` infinitely changing on pause
+            '--duration': `${duration.toFixed(4)}s`,
             '--delay': `${delay}s`,
             '--direction': direction === 'left' ? 'normal' : 'reverse',
             '--margin-right': `${marqueeWidth < containerWidth ? containerWidth - marqueeWidth : 0}px`,