fix: Force update captions when element resizes (shaka-project#3426)

joeyparrish · May 26, 2021 · a09fa31 · a09fa31
1 parent 0579ee7
commit a09fa31
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/lib/text/ui_text_displayer.js b/lib/text/ui_text_displayer.js
@@ -82,6 +82,15 @@ shaka.text.UITextDisplayer = class {
     this.eventManager_.listen(document, 'fullscreenchange', () => {
       this.updateCaptions_(/* forceUpdate= */ true);
     });
+
+    /** @private {ResizeObserver} */
+    this.resizeObserver_ = null;
+    if ('ResizeObserver' in window) {
+      this.resizeObserver_ = new ResizeObserver(() => {
+        this.updateCaptions_(/* forceUpdate= */ true);
+      });
+      this.resizeObserver_.observe(this.textContainer_);
+    }
   }
 
 
@@ -132,6 +141,11 @@ shaka.text.UITextDisplayer = class {
       this.eventManager_.release();
       this.eventManager_ = null;
     }
+
+    if (this.resizeObserver_) {
+      this.resizeObserver_.disconnect();
+      this.resizeObserver_ = null;
+    }
   }