terminal: fix xterm opacity issue

Fixes: eclipse-theia#8158 The following commit addresses an issue with newer versions of `xterm` which displayed a secondary cursor-like border due to our global `:focus` class. The fix updates the xterm textarea to force an opacity consistent with their sources. Signed-off-by: vince-fugnitto <[email protected]>
Anasshahidd21 · Jul 20, 2020 · 4c63f08 · 4c63f08
1 parent f4fe39e
commit 4c63f08
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/terminal/src/browser/style/terminal.css b/packages/terminal/src/browser/style/terminal.css
@@ -25,3 +25,9 @@
   /* fix random 1px white border on terminal in Firefox. See https://github.com/eclipse-theia/theia/issues/4665 */
   border: 1px solid var(--theia-terminal-background);
 }
+
+
+.terminal-container .xterm .xterm-helper-textarea {
+  /* fix secondary cursor-like issue. See https://github.com/eclipse-theia/theia/issues/8158 */
+  opacity: 0 !important;
+}