Fix issue with element editor unload confirm dialogs. Bump to 1.0.4

vaersaagod · Aug 3, 2021 · 0dc5c3f · 0dc5c3f
1 parent 4eee9b8
commit 0dc5c3f
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 10 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # ColorMate Changelog
 
+## 1.0.4 - 2021-08-03
+### Fixed  
+- Fixed issue where ColorMate could trigger unneccessary window unload confirm dialogs in element editor huds and slideouts  
+
 ## 1.0.3 - 2020-08-20
 ### Fixed
 - Fixed issue that could cause an exception when previewing a draft (fixes #3).

diff --git a/composer.json b/composer.json
@@ -1,7 +1,7 @@
 {
     "name": "vaersaagod/colormate",
     "description": "Color me impressed, mate!",
-    "version": "1.0.3",
+    "version": "1.0.4",
     "type": "craft-plugin",
     "keywords": [
         "craft",

diff --git a/src/assetbundles/.browserslistrc b/src/assetbundles/.browserslistrc
diff --git a/src/assetbundles/dist/field.js b/src/assetbundles/dist/field.js
diff --git a/src/assetbundles/dist/field.js.map b/src/assetbundles/dist/field.js.map
diff --git a/src/assetbundles/src/components/ColorMateField.vue b/src/assetbundles/src/components/ColorMateField.vue
@@ -147,6 +147,19 @@
                     this.customOpacityInput = this.fieldValue.opacity;
                 }
             }
+
+            // Prevent unwanted window unload confirm dialogs due to Craft serializing the initial DOM state before ColorMate boots up
+            requestAnimationFrame(() => {
+              var $editor = $(this.$el).closest('.element-editor,.hud');
+              if ($editor.length) {
+                this.elementEditor = $editor.data('elementEditor') || {};
+                if (this.elementEditor.slideout) {
+                  this.elementEditor.initialData = this.elementEditor.slideout.$container.serialize();
+                } else if (this.elementEditor.hud) {
+                  this.elementEditor.initialData = this.elementEditor.hud.$body.serialize();
+                }
+              }
+            });
         }
     }
 </script>