Do not capture child events

Author: cvle

src/composables/preventPhantomEvents.spec.tsx

@@ -26,6 +26,13 @@ describe("preventPhantomEvents", () => {
     assert.isTrue(onTransitionEnd.notCalled);
   });
 
+  it("should not block onTransitionEnd originating from children", () => {
+    wrapper.setProps({ active: true });
+    const event = { timeStamp: Date.now(), target: "a", currentTarget: "b" };
+    wrapper.simulate("transitionEnd", event);
+    assert.isTrue(onTransitionEnd.called);
+  });
+
   it("should call onTransitionEnd", () => {
     wrapper.setProps({ active: true });
     const event = { timeStamp: Date.now() + 20 };

src/composables/preventPhantomEvents.tsx

@@ -34,6 +34,11 @@ export const preventPhantomEvents = isolate(
         onTransitionEnd: ({onTransitionEnd}) => (e: TransitionEvent) => {
           if (!onTransitionEnd) { return; }
 
+          if (e.target !== e.currentTarget) {
+            onTransitionEnd(e);
+            return;
+          }
+
           // Skip transitionEnd that comes <= 10ms after (reversing) a transition.
           // In most cases this came from the previous transition.
           let compareWith = lastTriggerTime;