Fix image button in MJML editor

Author: wmnnd

assets/js/campaign-editors/mjml/index.js

@@ -29,7 +29,7 @@ export default class MjmlEditor {
       parent: place
     })
 
-    place.parentNode.parentNode.addEventListener("x-show-image-dialog", () => {
+    document.getElementById("mjml-editor-toolbar").addEventListener("x-show-image-dialog", () => {
       document
         .querySelector("[data-dialog-for=image]")
         .dispatchEvent(new CustomEvent("x-show", { detail: {} }))

lib/keila_web/templates/campaign/_mjml_editor.html.heex

@@ -1,4 +1,4 @@
-<div id="mjml-editor-toolbar w-full" phx-update="ignore">
+<div id="mjml-editor-toolbar" class="w-full" phx-update="ignore">
   <div class="wysiwyg--menu bg-white relative shadow z-10 flex overflow-x-auto mt-4">
     <button
       title={gettext("Insert image")}