From af50c82bb625c63227a72af5588bf9b8fb618e4d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bahad=C4=B1r=20Sofuo=C4=9Flu?= <bahadirsofuoglu@gmail.com>
Date: Fri, 30 Dec 2022 15:01:34 +0300
Subject: [PATCH] Editor color format button rendering issue fixed

---
 components/editor/Editor.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/components/editor/Editor.vue b/components/editor/Editor.vue
index e35815b1b..18e81e8a6 100755
--- a/components/editor/Editor.vue
+++ b/components/editor/Editor.vue
@@ -19,7 +19,7 @@
                     <button class="ql-italic" type="button"></button>
                     <button class="ql-underline" type="button"></button>
                 </span>
-                <span class="ql-formats">
+                <span :key="reRenderColorKey" class="ql-formats">
                     <select class="ql-color"></select>
                     <select class="ql-background"></select>
                 </span>
@@ -69,10 +69,16 @@ export default {
         editorStyle: null,
         modules: null
     },
+    data() {
+        return {
+            reRenderColorKey: 0
+        };
+    },
     quill: null,
     watch: {
         modelValue(newValue, oldValue) {
             if (newValue !== oldValue && this.quill && !this.quill.hasFocus()) {
+                this.reRenderColorKey++;
                 this.renderValue(newValue);
             }
         }