Bumped Bower version to 0.10

addons/fit/fit.js

@@ -0,0 +1,28 @@
+/*
+ *  Fit terminal columns and rows to the dimensions of its
+ *  DOM element.
+ *
+ *  Approach:
+ *    - Rows: Truncate the division of the terminal parent element height
+ *            by the terminal row height
+ *
+ *    - Columns: Truncate the division of the terminal parent element width by
+ *               the terminal character width (apply display: inline at the
+ *               terminal row and truncate its width with the current number
+ *               of columns)
+ */
+Terminal.prototype.fit = function () {
+  var container = this.element.parentElement,
+      subjectRow = this.rowContainer.firstElementChild,
+      rows = parseInt(container.offsetHeight / subjectRow.offsetHeight),
+      characterWidth,
+      cols;
+  
+  subjectRow.style.display = 'inline';
+  characterWidth = parseInt(subjectRow.offsetWidth / this.cols);
+  subjectRow.style.display = '';
+  
+  cols = parseInt(container.offsetWidth / characterWidth);
+      
+  this.resize(cols, rows);
+}

bower.json

@@ -1,5 +1,5 @@
 {
   "name": "xterm.js",
-  "version": "0.9.1",
+  "version": "0.10",
   "ignore": ["demo", "docs", "test", ".gitignore"]
 }

demo/index.html

@@ -5,9 +5,10 @@
         <link rel="stylesheet" href="../src/xterm.css" />
         <link rel="stylesheet" href="../addon/fullscreen/fullscreen.css" />
         <link rel="stylesheet" href="style.css" />
-        <script src="../src/xterm.js"></script>
-        <script src="../addon/fullscreen/fullscreen.js"></script>
-        <script src="main.js" defer></script>
+        <script src="../src/xterm.js" ></script>
+        <script src="../addons/fit/fit.js" ></script>
+        <script src="../addons/fullscreen/fullscreen.js" ></script>
+        <script src="main.js" defer ></script>
     </head>
     <body>
         <h1>

src/xterm.css

@@ -40,12 +40,18 @@
     color: #fff;
     outline: none;
     font-family: courier-new, courier, monospace;
+    position: relative;
 }
 
 .xterm .terminal-cursor {
     background-color: #fff;
 }
 
+.xterm .xterm-helpers {
+  position: absolute;
+  top: 0;
+}
+
 .xterm .xterm-helper-textarea {
     opacity: 0;
     width: 0;

src/xterm.js

@@ -2521,35 +2521,6 @@ Terminal.prototype.resize = function(x, y) {
   this.emit('resize', {terminal: this, cols: x, rows: y});
 };
 
-/*
-*  Fit terminal columns and rows to the dimensions of its
-*  DOM element.
-*
-*  Approach:
-*    - Rows: Truncate the division of the terminal parent element height
-*            by the terminal row height
-*
-*    - Columns: Truncate the division of the terminal parent element width by
-*               the terminal character width (apply display: inline at the
-*               terminal row and truncate its width with the current number
-*               of columns)
-*/
-Terminal.prototype.fit = function () {
-  var container = this.element.parentElement,
-      subjectRow = this.rowContainer.firstElementChild,
-      rows = parseInt(container.offsetHeight / subjectRow.offsetHeight),
-      characterWidth,
-      cols;
-  
-  subjectRow.style.display = 'inline';
-  characterWidth = parseInt(subjectRow.offsetWidth / this.cols);
-  subjectRow.style.display = '';
-  
-  cols = parseInt(container.offsetWidth / characterWidth);
-      
-  this.resize(cols, rows);
-}
-
 Terminal.prototype.updateRange = function(y) {
   if (y < this.refreshStart) this.refreshStart = y;
   if (y > this.refreshEnd) this.refreshEnd = y;