Fix duration text width update on fullscreen change

hanydd · Jan 30, 2024 · d3034cb · d3034cb
1 parent 37c399e
commit d3034cb
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/content.ts b/src/content.ts
@@ -2567,14 +2567,20 @@ function showTimeWithoutSkips(skippedDuration: number): void {
 
     const durationAfterSkips = getFormattedTime(getVideo()?.duration - skippedDuration);
 
-    if (durationAfterSkips != null && skippedDuration > 0) {
-        duration.innerText = " (" + durationAfterSkips + ")";
-
+    const refreshDurationTextWidth = () => {
         // some hacks to change the min-width of the time control area,
         // so it won't overlap with chapters on the right
         display.style.width = "auto";
         display.parentElement.style.minWidth = `${display.clientWidth - 11}px`;
     }
+
+    if (durationAfterSkips != null && skippedDuration > 0) {
+        duration.innerText = " (" + durationAfterSkips + ")";
+
+        refreshDurationTextWidth();
+        // re-calculate text position after entering and exiting full screen
+        window.addEventListener("fullscreenchange", refreshDurationTextWidth);
+    }
 }
 
 function checkForPreloadedSegment() {