Adjust delegation scope.

js/miso.js

@@ -492,10 +492,13 @@ function delegateEvent(event, obj, stack, debug, context) {
           }
         }
         stack.splice(0, 1);
+        for (const child of obj.children) {
+          if (context.isEqual(getDOMRef(child), stack[0])) {
+            delegateEvent(event, child, stack, debug, context);
+          }
+        }
       }
-      for (const child of obj.children) {
-        delegateEvent(event, child, stack, debug, context);
-      }
+      return;
     }
   } else {
     if (obj.type === 0 /* VComp */) {

ts/miso/dom.ts

@@ -45,7 +45,7 @@ export function drill<T>(c: VComp<T>): T {
 }
 
 // Extract DOM reference from any VTree (handles VComp drilling)
-function getDOMRef<T>(tree: VTree<T>): T {
+export function getDOMRef<T>(tree: VTree<T>): T {
   switch (tree.type) {
     case VTreeType.VComp:
       return drill(tree);

ts/miso/event.ts

@@ -1,4 +1,5 @@
 import { EventContext, VTree, EventCapture, EventObject, Options, VTreeType } from './types';
+import { getDOMRef } from './dom';
 
 /* event delegation algorithm */
 export function delegate<T> (
@@ -124,10 +125,13 @@ function delegateEvent <T>(
             }
           }
           stack.splice(0,1);
+          for (const child of obj.children) {
+            if (context.isEqual(getDOMRef(child), stack[0])) {
+              delegateEvent(event, child, stack, debug, context);
+            }
+          }
         }
-        for (const child of obj.children) {
-          delegateEvent(event, child, stack, debug, context);
-        }
+        return;
       }
     } else {
     /* stack.length === 1, we're at the target */