display contents

Author: Andrzej Antoni Kwaśniewski

packages/react-native-gesture-handler/src/v3/HostGestureDetector.web.tsx

@@ -44,7 +44,11 @@ const HostGestureDetector = (props: GestureHandlerDetectorProps) => {
     };
   }, [attachHandlers, detachHandlers]);
 
-  return <View ref={viewRef}>{children}</View>;
+  return (
+    <View style={{ display: 'contents' }} ref={viewRef}>
+      {children}
+    </View>
+  );
 };
 
 export default HostGestureDetector;

packages/react-native-gesture-handler/src/web/handlers/GestureHandler.ts

@@ -77,11 +77,15 @@ export default abstract class GestureHandler implements IGestureHandler {
   }
 
   public detach() {
+    if (this.state === State.ACTIVE) {
+      this.cancel();
+    } else {
+      this.fail();
+    }
     this.propsRef = null;
     this.viewRef = null;
     this.actionType = null;
     this.state = State.UNDETERMINED;
-    this.fail();
 
     this.delegate.detach();
   }