2 files changed, 14 insertions, 3 deletions
diff --git a/src/App.css b/src/App.css
index 942b193..6a4ae1c 100644
--- a/src/App.css
+++ b/src/App.css
@@ -18,6 +18,11 @@
   overflow: auto;
 }
 
+.invisDiv {
+  display: none;
+  left: 100%
+}
+
 #xterm {
   height: 100%;
   width: 100%;
diff --git a/src/App.js b/src/App.js
index 1147341..681b6d1 100644
--- a/src/App.js
+++ b/src/App.js
@@ -201,7 +201,7 @@ class TerminalManager extends React.Component {
     console.log(this.state.terminals[id]);
 
     let arr = [
-      <div style={{visible: (this.state.curTermID === 0) ? "visible" : "hidden"}}>{this.state.terminals[0]}</div>
+      <div className={(this.state.curTermID === 0) ? "" : "invisDiv"}>{this.state.terminals[0]}</div>
     ]
     console.log("i " + 0 + " | (this.state.curTermID === i) = " + (this.state.curTermID === 0));
 
@@ -209,7 +209,7 @@ class TerminalManager extends React.Component {
     {
       let oldArr = arr.slice();
       console.log("i " + i + " | (this.state.curTermID === i) = " + (this.state.curTermID === i));
-      arr = [oldArr, <div style={{visible: (this.state.curTermID === i) ? "visible" : "hidden"}}>{this.state.terminals[i]}</div>];
+      arr = [oldArr, <div className={(this.state.curTermID === i) ? "" : "invisDiv"}>{this.state.terminals[i]}</div>];
     }
 
     console.log("arr");
@@ -260,14 +260,20 @@ class TerminalComponent extends React.Component {
     this.decoder = new TextDecoder();
     this.socket = new WebSocket('ws://localhost:8000/ws');
     this.socket.binaryType = 'arraybuffer';
-
+    
+    console.log("   About to load xterm interior");
     this.term.loadAddon(this.fitAddon);
+    console.log("this.term.loadAddon(this.fitAddon);");
     this.term.open(document.getElementById("xterm"));
+    console.log("this.term.open(document.getElementById('xterm'));");
+    console.log(this.term);
     this.fitAddon.fit();
+    console.log("this.fitAddon.fit();");
 
     // Terminal events
     this.term.onData((data) => {
       //this.socket.send(this.encoder.encode("\x00" + data));
+      console.log("xterm onData preparing to send");
       this.handleSend(this.encoder.encode("\x00" + data));
     });