From 9affcd13bcfee27f34a14b833a90070ed83986d6 Mon Sep 17 00:00:00 2001
From: tophf <tophf@gmx.com>
Date: Fri, 12 Jan 2018 14:11:24 +0300
Subject: [PATCH] don't preview unsaved styles

---
 edit/codemirror-editing-hooks.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/edit/codemirror-editing-hooks.js b/edit/codemirror-editing-hooks.js
index b8688e25..80b0b13d 100644
--- a/edit/codemirror-editing-hooks.js
+++ b/edit/codemirror-editing-hooks.js
@@ -540,6 +540,17 @@ onDOMscriptReady('/codemirror.js').then(() => {
       setTimeout(setupLivePreview);
       return;
     }
+    if (!styleId) {
+      new MutationObserver((_, observer) => {
+        if (!styleId) return;
+        observer.disconnect();
+        setupLivePreview();
+      }).observe($('#preview-label'), {
+        attributes: true,
+        attributeFilter: ['class'],
+      });
+      return;
+    }
     $('#editor.livePreview').onchange = function () {
       const previewing = this.checked;
       editors.forEach(cm => cm[previewing ? 'on' : 'off']('changes', updatePreview));