Editor performance fixes

benweet · Feb 25, 2018 · 34e15ee · 34e15ee
1 parent 57f45f0
commit 34e15ee
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 20 deletions.
diff --git a/src/services/editorSvc.js b/src/services/editorSvc.js
@@ -395,26 +395,29 @@ const editorSvc = Object.assign(new Vue(), editorSvcDiscussions, editorSvcUtils,
 
     const debouncedRefreshPreview = debounce(refreshPreview, 50);
 
-    const onEditorChanged =
-      (sectionList = this.sectionList, selectionRange = this.selectionRange) => {
-        if (this.sectionList !== sectionList) {
-          this.sectionList = sectionList;
-          this.$emit('sectionList', this.sectionList);
-          if (instantPreview) {
-            refreshPreview();
-          } else {
-            debouncedRefreshPreview();
-          }
-        }
-        if (this.selectionRange !== selectionRange) {
-          this.selectionRange = selectionRange;
-          this.$emit('selectionRange', this.selectionRange);
+    let newSectionList;
+    let newSelectionRange;
+    const onEditorChanged = debounce(() => {
+      if (this.sectionList !== newSectionList) {
+        this.sectionList = newSectionList;
+        this.$emit('sectionList', this.sectionList);
+        if (instantPreview) {
+          refreshPreview();
+        } else {
+          debouncedRefreshPreview();
         }
-        this.saveContentState();
-      };
+      }
+      if (this.selectionRange !== newSelectionRange) {
+        this.selectionRange = newSelectionRange;
+        this.$emit('selectionRange', this.selectionRange);
+      }
+      this.saveContentState();
+    }, 10);
 
-    this.clEditor.selectionMgr.on('selectionChanged',
-      (start, end, selectionRange) => onEditorChanged(undefined, selectionRange));
+    this.clEditor.selectionMgr.on('selectionChanged', (start, end, selectionRange) => {
+      newSelectionRange = selectionRange;
+      onEditorChanged();
+    });
 
     /* -----------------------------
      * Inline images
@@ -502,8 +505,10 @@ const editorSvc = Object.assign(new Vue(), editorSvcDiscussions, editorSvcUtils,
       triggerImgCacheGc();
     });
 
-    this.clEditor.on('contentChanged',
-      (content, diffs, sectionList) => onEditorChanged(sectionList));
+    this.clEditor.on('contentChanged', (content, diffs, sectionList) => {
+      newSectionList = sectionList;
+      onEditorChanged();
+    });
 
     // clEditorSvc.setPreviewElt(element[0].querySelector('.preview__inner-2'))
     // var previewElt = element[0].querySelector('.preview')

diff --git a/static/landing/index.html b/static/landing/index.html
@@ -118,6 +118,7 @@
             text-align: center;
             background-color: #007acc;
             color: rgba(255, 255, 255, 0.75);
+            font-size: 0.9em;
         }
 
         .landing__footer a {