Merge pull request #78 from sourcelair/drop-hidden-textarea

Drop hidden textarea for input handling

Procfile.dev

@@ -0,0 +1 @@
+web: ./bin/server

bin/server

@@ -0,0 +1,4 @@
+#! /usr/bin/env sh
+
+# Development server for xterm.js
+browser-sync start --server --port 8000 --files="**" --no-ui --index index.html --directory

demo/main.js

@@ -1,6 +1,6 @@
 var terminalContainer = document.getElementById('terminal-container'),
     term = new Terminal(),
-    shellprompt = '> ';
+    shellprompt = '$ ';
 
 term.open(terminalContainer);
 term.fit();
@@ -15,7 +15,9 @@ term.writeln('');
 term.prompt();
 
 term.on('key', function (key, ev) {
-  var printable = (!ev.altKey && !ev.altGraphKey && !ev.ctrlKey && !ev.metaKey);
+  var printable = (
+    !ev.altKey && !ev.altGraphKey && !ev.ctrlKey && !ev.metaKey
+  );
 
   if (ev.keyCode == 13) {
     term.prompt();
@@ -30,3 +32,7 @@ term.on('key', function (key, ev) {
     term.write(key);
   }
 });
+
+term.on('paste', function (data, ev) {
+  term.write(data);
+});

src/xterm.css

@@ -51,23 +51,6 @@
     color: #000;
 }
 
-.terminal .xterm-helpers {
-    position: absolute;
-    top: 0;
-}
-
-.terminal .xterm-helper-textarea {
-    /*
-     * HACK: to fix IE's blinking cursor
-     * Move textarea out of the screen to the far left, so that the cursor is not visible.
-     */
-    text-indent: -9999em;
-    opacity: 0;
-    width: 0;
-    height: 0;
-    z-index: -10;
-}
-
 /*
  *  Determine default colors for xterm.js
  */
@@ -2140,7 +2123,7 @@
  * in order to allow child elements to adjust.
  */
 .terminal .xterm-rows > div {
-    line-height: 1.2;
+    line-height: 1.3;
 }
 
 /**