Merge pull request #7097 from J-Michalek/fix/editor-broken-toolbar-buttons

fix(editor): broken color buttons after modelValue update

packages/primevue/src/dialog/Dialog.vue

@@ -322,7 +322,7 @@ export default {
                 this.bindDocumentDragEndListener();
             }
 
-            if (this.closeOnEscape) {
+            if (this.closeOnEscape && this.closable) {
                 this.bindDocumentKeyDownListener();
             }
         },

packages/primevue/src/editor/Editor.vue

@@ -19,7 +19,7 @@
                     <button class="ql-italic" type="button" v-bind="ptm('italic')"></button>
                     <button class="ql-underline" type="button" v-bind="ptm('underline')"></button>
                 </span>
-                <span :key="reRenderColorKey" class="ql-formats" v-bind="ptm('formats')">
+                <span class="ql-formats" v-bind="ptm('formats')">
                     <select class="ql-color" v-bind="ptm('color')"></select>
                     <select class="ql-background" v-bind="ptm('background')"></select>
                 </span>
@@ -64,16 +64,10 @@ export default {
     extends: BaseEditor,
     inheritAttrs: false,
     emits: ['text-change', 'selection-change', 'load'],
-    data() {
-        return {
-            reRenderColorKey: 0
-        };
-    },
     quill: null,
     watch: {
         modelValue(newValue, oldValue) {
             if (newValue !== oldValue && this.quill && !this.quill.hasFocus()) {
-                this.reRenderColorKey++;
                 this.renderValue(newValue);
             }
         },