Trigger an event when adding a new node

hotwired · Mar 5, 2024 · 8388a21 · 8388a21
1 parent f0beef3
commit 8388a21
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/src/core/drive/morph_renderer.js b/src/core/drive/morph_renderer.js
@@ -41,7 +41,18 @@ export class MorphRenderer extends PageRenderer {
   }
 
   #shouldAddElement = (node) => {
-    return !(node.id && node.hasAttribute("data-turbo-permanent") && document.getElementById(node.id))
+    if (node.id && node.hasAttribute("data-turbo-permanent") && document.getElementById(node.id)) {
+      return false;
+    } else {
+      const event = dispatch("turbo:before-add-element", {
+        cancelable: true,
+        target: node,
+        detail: {
+          newElement:  node
+        }
+      });
+      return !event.defaultPrevented;
+    }
   }
 
   #shouldMorphElement = (oldNode, newNode) => {