Use a timeout as a debouncer

Per #1
jhubert · Mar 3, 2014 · 0d0301e · 0d0301e
1 parent c9cb9b3
commit 0d0301e
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/chrome/source/css_editor.js b/chrome/source/css_editor.js
@@ -6,6 +6,7 @@ var LiveCSSEditor = function (settings) {
   settings = settings || { warn: true, save: true, modify: true };
 
   var cssCache = '',
+    keyupTimer = null,
     tab = '  ',
     urlKey = document.location;
 
@@ -169,7 +170,10 @@ var LiveCSSEditor = function (settings) {
     bottomButton.onclick = toggleBottom;
     closeButton.onclick = removeEditor;
     codeArea.onkeydown = handleTabInTextarea;
-    codeArea.onkeyup = updateCSSTag;
+    codeArea.onkeyup = function () {
+      keyupTimer && clearTimeout(keyupTimer);
+      keyupTimer = setTimeout(updateCSSTag, 100);
+    };
     leftRightButton.onclick = toggleLeftRight;
     resetButton.onclick = resetBoxSize;
   }
@@ -247,8 +251,8 @@ var LiveCSSEditor = function (settings) {
     addEditorPane();
 
     css = getStorage('cache');
-    if (css) {
-      source = get('code');
+    source = get('code');
+    if (css && source) {
       source.value = css;
     }
     fillStyleTag(css);