fix: 🐛 fix clicking the toolbar menu is detected as blur event

vueup · Mar 20, 2021 · 43fa320 · 43fa320
1 parent 21b8fdd
commit 43fa320
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/QuillEditor.ts b/src/components/QuillEditor.ts
@@ -110,6 +110,10 @@ export default defineComponent({
         // Remove editor class when theme changes
         if (props.theme !== "bubble") editor.value.classList.remove("ql-bubble");
         if (props.theme !== "snow") editor.value.classList.remove("ql-snow");
+        // Fix clicking the quill toolbar is detected as blur event
+        quill.getModule("toolbar")?.container.addEventListener("mousedown", (e) => {
+          e.preventDefault();
+        });
         // Emit ready event
         ctx.emit("ready", quill);
       }