fix: prevent swipe back gesture during push/pop transitions (#640)

Co-authored-by: Claude <noreply@anthropic.com>

Author: orionmiz

.changeset/fix-swipe-back-transition.md

@@ -0,0 +1,5 @@
+---
+"@stackflow/react-ui-core": patch
+---
+
+Fix swipe back gesture during push/pop transitions by using capture phase event listeners to prevent touch events from reaching child elements during transitions

extensions/react-ui-core/src/usePreventTouchDuringTransition.ts

@@ -18,20 +18,23 @@ export function usePreventTouchDuringTransition({
       return;
     }
 
-    const onTouchStart = (e: TouchEvent) => {
+    const preventTouch = (e: TouchEvent) => {
       e.preventDefault();
+      e.stopPropagation();
     };
 
-    const onTouchEnd = (e: TouchEvent) => {
-      e.preventDefault();
-    };
-
-    $ref.addEventListener("touchstart", onTouchStart);
-    $ref.addEventListener("touchend", onTouchEnd);
+    // Use capture phase to prevent all touch events from reaching child elements
+    // during transitions (including edge swipe area)
+    $ref.addEventListener("touchstart", preventTouch, { capture: true });
+    $ref.addEventListener("touchmove", preventTouch, { capture: true });
+    $ref.addEventListener("touchend", preventTouch, { capture: true });
+    $ref.addEventListener("touchcancel", preventTouch, { capture: true });
 
     return () => {
-      $ref.removeEventListener("touchstart", onTouchStart);
-      $ref.removeEventListener("touchend", onTouchEnd);
+      $ref.removeEventListener("touchstart", preventTouch, { capture: true });
+      $ref.removeEventListener("touchmove", preventTouch, { capture: true });
+      $ref.removeEventListener("touchend", preventTouch, { capture: true });
+      $ref.removeEventListener("touchcancel", preventTouch, { capture: true });
     };
   }, [stack?.globalTransitionState]);
 }