Fixes on demo based on configurable `tabStopWidth`

diff --git a/demo/index.html b/demo/index.html
index c3721a2886582f4c9baa0268264aa208508d221a..0d8efac39eab3c60dae79459eaa709c8ee50f1d4 100644 (file)
--- a/demo/index.html
+++ b/demo/index.html
@@ -17,13 +17,13 @@
         <div>
           <h2>Options</h2>
           <p>
-            <label>cursorBlink <input type="checkbox" id="option-cursor-blink"></label>
+            <label><input type="checkbox" id="option-cursor-blink"> cursorBlink</label>
           </p>
           <p>
             <label>scrollback <input type="number" id="option-scrollback" value="1000" /></label>
           </p>
           <p>
-            <label>tabStopWidth <input type="number" id="option-tabstopwidth" value="4" /></label>
+            <label>tabStopWidth <input type="number" id="option-tabstopwidth" value="8" /></label>
           </p>
           <div>
                <h3>Size</h3>

diff --git a/demo/main.js b/demo/main.js
index fda6c8099c3fe2452eac5a1eaabec782ab5d80b3..b262ce537ac24d9d683986c7f22b0395d4ae4210 100644 (file)
--- a/demo/main.js
+++ b/demo/main.js
@@ -16,8 +16,8 @@ var terminalContainer = document.getElementById('terminal-container'),
     rowsElement = document.getElementById('rows');
 
 function setTerminalSize () {
-  var cols = parseInt(colsElement.value),
-      rows = parseInt(rowsElement.value),
+  var cols = parseInt(colsElement.value, 10),
+      rows = parseInt(rowsElement.value, 10),
       width = (cols * charWidth).toString() + 'px',
       height = (rows * charHeight).toString() + 'px';
 
@@ -36,7 +36,7 @@ optionElements.scrollback.addEventListener('change', function () {
   term.setOption('scrollback', parseInt(optionElements.scrollback.value, 10));
 });
 optionElements.tabstopwidth.addEventListener('change', function () {
-  term.setOption('tabStopWidth', parseInt(optionElements.tabstopwidth.value));
+  term.setOption('tabStopWidth', parseInt(optionElements.tabstopwidth.value, 10));
 });
 
 createTerminal();
@@ -49,7 +49,7 @@ function createTerminal() {
   term = new Terminal({
     cursorBlink: optionElements.cursorBlink.checked,
     scrollback: parseInt(optionElements.scrollback.value, 10),
-    tabStopWidth: parseInt(optionElements.tabstopwidth.value)
+    tabStopWidth: parseInt(optionElements.tabstopwidth.value, 10)
   });
   term.on('resize', function (size) {
     if (!pid) {