Clamp subtitle container width by window width

killergerbah · Aug 11, 2024 · a454804 · a454804
1 parent a14bb14
commit a454804
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/extension/src/services/element-overlay.ts b/extension/src/services/element-overlay.ts
@@ -331,7 +331,8 @@ export class CachingElementOverlay implements ElementOverlay {
             container.style.width = '';
         } else {
             container.style.maxWidth = '';
-            container.style.width = (rect.width * this.contentWidthPercentage) / 100 + 'px';
+            container.style.width =
+                Math.min(window.innerWidth, (rect.width * this.contentWidthPercentage) / 100) + 'px';
         }
 
         const clampedY = Math.max(rect.top + window.scrollY, 0);
@@ -515,7 +516,8 @@ export class DefaultElementOverlay implements ElementOverlay {
             container.style.width = '';
         } else {
             container.style.maxWidth = '';
-            container.style.width = (rect.width * this.contentWidthPercentage) / 100 + 'px';
+            container.style.width =
+                Math.min(window.innerWidth, (rect.width * this.contentWidthPercentage) / 100) + 'px';
         }
 
         const clampedY = Math.max(rect.top + window.scrollY, 0);