Re-attach custom elements on custom element node update

11ty · Sep 4, 2024 · c7ead8e · c7ead8e
1 parent ea09909
commit c7ead8e
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/client/reload-client.js b/client/reload-client.js
@@ -246,6 +246,17 @@ class EleventyReload {
                       window.location.reload();
                     }
                   },
+                  onElUpdated: function(node) {
+                    // Re-attach custom elements
+                    if(customElements.get(node.tagName.toLowerCase())) {
+                      let placeholder = document.createElement("div");
+                      node.replaceWith(placeholder);
+                      requestAnimationFrame(() => {
+                        placeholder.replaceWith(node);
+                        placeholder = undefined;
+                      });
+                    }
+                  }
                 });
 
                 Util.matchRootAttributes(template.content);