Simple implementation to fix seekbar rendering on gradiant layout

Fixes #2099
ajayyy · Oct 18, 2024 · f591040 · f591040
1 parent 2691dc5
commit f591040
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/js-components/previewBar.ts b/src/js-components/previewBar.ts
@@ -647,8 +647,16 @@ class PreviewBar {
                         if (changedData.scale !== null) {
                             const transformScale = (changedData.scale) / progressBar.clientWidth;
 
+                            const scale = Math.max(0, Math.min(1 - calculatedLeft, (transformScale - cursor) / fullSectionWidth - calculatedLeft));
                             customChangedElement.style.transform =
-                                `scaleX(${Math.max(0, Math.min(1 - calculatedLeft, (transformScale - cursor) / fullSectionWidth - calculatedLeft))}`;
+                                `scaleX(${scale})`;
+                            if (customChangedElement.style.backgroundSize) {
+                                const backgroundSize = progressBar.clientWidth;
+                                customChangedElement.style.backgroundSize = `${backgroundSize}px`;
+
+                                customChangedElement.style.backgroundPosition = `${-(cursor * progressBar.clientWidth)}px`;
+                            }
+
                             if (firstUpdate) {
                                 customChangedElement.style.transition = "none";
                                 setTimeout(() => customChangedElement.style.removeProperty("transition"), 50);