q

Author: stopsopa

pages/html/input/handleInput.js

@@ -16,34 +16,23 @@ function handleInput(parentToBind, event, options = {}) {
     }
   }
   const unbind = [];
-  for (const event2 of events) {
-    parentToBind.addEventListener(event2, handler);
+  for (const eventName of events) {
+    parentToBind.addEventListener(eventName, handler);
     unbind.push(() => {
-      parentToBind.removeEventListener(event2, handler);
+      parentToBind.removeEventListener(eventName, handler);
     });
   }
   let observer = null;
   if (observeMutations) {
     observer = new MutationObserver((mutations) => {
       const inputs = /* @__PURE__ */ new Set();
       for (const mutation of mutations) {
-        for (const node of mutation.addedNodes) {
+        for (const node of [...mutation.addedNodes, ...mutation.removedNodes]) {
           if (!(node instanceof HTMLElement)) continue;
           if (detectElement(node)) {
             inputs.add(node);
           }
-          [...findInputs(node)].forEach((el) => {
-            if (detectElement(el)) {
-              inputs.add(el);
-            }
-          });
-        }
-        for (const node of mutation.removedNodes) {
-          if (!(node instanceof HTMLElement)) continue;
-          if (detectElement(node)) {
-            inputs.add(node);
-          }
-          [...findInputs(node)].forEach((el) => {
+          findInputs(node).forEach((el) => {
             if (detectElement(el)) {
               inputs.add(el);
             }

pages/html/input/handleInput.ts

@@ -34,10 +34,10 @@ export default function handleInput(
   }
 
   const unbind: (() => void)[] = [];
-  for (const event of events) {
-    parentToBind.addEventListener(event, handler);
+  for (const eventName of events) {
+    parentToBind.addEventListener(eventName, handler);
     unbind.push(() => {
-      parentToBind.removeEventListener(event, handler);
+      parentToBind.removeEventListener(eventName, handler);
     });
   }
 
@@ -48,28 +48,14 @@ export default function handleInput(
       const inputs = new Set<HTMLInputElement>();
 
       for (const mutation of mutations) {
-        for (const node of mutation.addedNodes) {
+        for (const node of [...mutation.addedNodes, ...mutation.removedNodes]) {
           if (!(node instanceof HTMLElement)) continue;
 
           if (detectElement(node)) {
             inputs.add(node as HTMLInputElement);
           }
 
-          [...findInputs(node)].forEach((el) => {
-            if (detectElement(el as HTMLElement)) {
-              inputs.add(el as HTMLInputElement);
-            }
-          });
-        }
-
-        for (const node of mutation.removedNodes) {
-          if (!(node instanceof HTMLElement)) continue;
-
-          if (detectElement(node)) {
-            inputs.add(node as HTMLInputElement);
-          }
-
-          [...findInputs(node)].forEach((el) => {
+          findInputs(node).forEach((el) => {
             if (detectElement(el as HTMLElement)) {
               inputs.add(el as HTMLInputElement);
             }