TextDisplayer: enable showing captions in multiple lines

Set css style white-space to 'pre', so that when the captions text contains a line break '\n', the captions will display in seperate lines. Change-Id: I623d48ab2bbd82bb9dd3f2565c723d6ce35285e1
shaka-project · Mar 19, 2019 · f1c11e4 · f1c11e4
1 parent af3f93d
commit f1c11e4
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/ui/text_displayer.js b/ui/text_displayer.js
@@ -197,6 +197,8 @@ shaka.ui.TextDisplayer = class {
     const captionsStyle = captions.style;
     const panelStyle = this.textContainer_.style;
 
+    // Set white-space to 'pre' to enable showing line breaks in the text.
+    captionsStyle.whiteSpace = 'pre';
     captions.textContent = cue.payload;
     captionsStyle.backgroundColor = cue.backgroundColor;
     captionsStyle.color = cue.color;