react-native-gesture-handler 2.25.0 → 2.27.0

package/src/components/Pressable/PressableProps.tsx

@@ -6,7 +6,11 @@ import {
   ViewStyle,
   PressableStateCallbackType as RNPressableStateCallbackType,
   PressableAndroidRippleConfig as RNPressableAndroidRippleConfig,
+  View,
 } from 'react-native';
+import { RelationPropType } from '../utils';
+
+export type PressableDimensions = { width: number; height: number };
 
 export type PressableStateCallbackType = RNPressableStateCallbackType;
 export type PressableAndroidRippleConfig = RNPressableAndroidRippleConfig;
@@ -59,6 +63,11 @@ export interface PressableProps
    */
   onLongPress?: null | ((event: PressableEvent) => void);
 
+  /**
+   * A reference to the pressable element.
+   */
+  ref?: React.RefObject<View>;
+
   /**
    * Either children or a render prop that receives a boolean reflecting whether
    * the component is currently pressed.
@@ -139,4 +148,29 @@ export interface PressableProps
    * Duration (in milliseconds) to wait after press down before calling onPressIn.
    */
   unstable_pressDelay?: number;
+
+  /**
+   * A gesture object or an array of gesture objects containing the configuration and callbacks to be
+   * used with the Pressable's gesture handlers.
+   */
+  simultaneousWithExternalGesture?: RelationPropType;
+
+  /**
+   * A gesture object or an array of gesture objects containing the configuration and callbacks to be
+   * used with the Pressable's gesture handlers.
+   */
+  requireExternalGestureToFail?: RelationPropType;
+
+  /**
+   * A gesture object or an array of gesture objects containing the configuration and callbacks to be
+   * used with the Pressable's gesture handlers.
+   */
+  blocksExternalGesture?: RelationPropType;
+
+  /**
+   * Defines the dimensions of the Pressable after it's been resized.
+   * This property does not affect Pressable's physical appearance.
+   * Required when the Pressable is resized **and** uses pressRetentionOffset.
+   */
+  dimensionsAfterResize?: PressableDimensions;
 }

package/src/components/Pressable/StateMachine.tsx

@@ -0,0 +1,49 @@
+import { PressableEvent } from './PressableProps';
+
+interface StateDefinition {
+  eventName: string;
+  callback?: (event: PressableEvent) => void;
+}
+
+class PressableStateMachine {
+  private states: StateDefinition[];
+  private currentStepIndex: number;
+  private eventPayload: PressableEvent | null;
+
+  constructor(steps: StateDefinition[]) {
+    this.states = steps;
+    this.currentStepIndex = 0;
+    this.eventPayload = null;
+  }
+
+  public reset() {
+    this.currentStepIndex = 0;
+    this.eventPayload = null;
+  }
+
+  public handleEvent(eventName: string, eventPayload?: PressableEvent) {
+    const step = this.states[this.currentStepIndex];
+    this.eventPayload = eventPayload || this.eventPayload;
+
+    if (step.eventName !== eventName) {
+      if (this.currentStepIndex > 0) {
+        // retry with position at index 0
+        this.reset();
+        this.handleEvent(eventName, eventPayload);
+      }
+      return;
+    }
+
+    if (this.eventPayload && step.callback) {
+      step.callback(this.eventPayload);
+    }
+
+    this.currentStepIndex++;
+
+    if (this.currentStepIndex === this.states.length) {
+      this.reset();
+    }
+  }
+}
+
+export { PressableStateMachine };

package/src/components/Pressable/stateDefinitions.ts

@@ -0,0 +1,125 @@
+import { Platform } from 'react-native';
+import { PressableEvent } from './PressableProps';
+import { PressableStateMachine } from './StateMachine';
+
+export enum StateMachineEvent {
+  NATIVE_BEGIN = 'nativeBegin',
+  NATIVE_START = 'nativeStart',
+  FINALIZE = 'finalize',
+  LONG_PRESS_TOUCHES_DOWN = 'longPressTouchesDown',
+}
+
+function getAndroidStateMachine(
+  handlePressIn: (event: PressableEvent) => void,
+  handlePressOut: (event: PressableEvent) => void
+) {
+  return new PressableStateMachine([
+    {
+      eventName: StateMachineEvent.NATIVE_BEGIN,
+    },
+    {
+      eventName: StateMachineEvent.LONG_PRESS_TOUCHES_DOWN,
+      callback: handlePressIn,
+    },
+    {
+      eventName: StateMachineEvent.FINALIZE,
+      callback: handlePressOut,
+    },
+  ]);
+}
+
+function getIosStateMachine(
+  handlePressIn: (event: PressableEvent) => void,
+  handlePressOut: (event: PressableEvent) => void
+) {
+  return new PressableStateMachine([
+    {
+      eventName: StateMachineEvent.LONG_PRESS_TOUCHES_DOWN,
+    },
+    {
+      eventName: StateMachineEvent.NATIVE_START,
+      callback: handlePressIn,
+    },
+    {
+      eventName: StateMachineEvent.FINALIZE,
+      callback: handlePressOut,
+    },
+  ]);
+}
+
+function getWebStateMachine(
+  handlePressIn: (event: PressableEvent) => void,
+  handlePressOut: (event: PressableEvent) => void
+) {
+  return new PressableStateMachine([
+    {
+      eventName: StateMachineEvent.NATIVE_BEGIN,
+    },
+    {
+      eventName: StateMachineEvent.NATIVE_START,
+    },
+    {
+      eventName: StateMachineEvent.LONG_PRESS_TOUCHES_DOWN,
+      callback: handlePressIn,
+    },
+    {
+      eventName: StateMachineEvent.FINALIZE,
+      callback: handlePressOut,
+    },
+  ]);
+}
+
+function getMacosStateMachine(
+  handlePressIn: (event: PressableEvent) => void,
+  handlePressOut: (event: PressableEvent) => void
+) {
+  return new PressableStateMachine([
+    {
+      eventName: StateMachineEvent.LONG_PRESS_TOUCHES_DOWN,
+    },
+    {
+      eventName: StateMachineEvent.NATIVE_BEGIN,
+      callback: handlePressIn,
+    },
+    {
+      eventName: StateMachineEvent.NATIVE_START,
+    },
+    {
+      eventName: StateMachineEvent.FINALIZE,
+      callback: handlePressOut,
+    },
+  ]);
+}
+
+function getUniversalStateMachine(
+  handlePressIn: (event: PressableEvent) => void,
+  handlePressOut: (event: PressableEvent) => void
+) {
+  return new PressableStateMachine([
+    {
+      eventName: StateMachineEvent.FINALIZE,
+      callback: (event: PressableEvent) => {
+        handlePressIn(event);
+        handlePressOut(event);
+      },
+    },
+  ]);
+}
+
+export function getConfiguredStateMachine(
+  handlePressIn: (event: PressableEvent) => void,
+  handlePressOut: (event: PressableEvent) => void
+) {
+  if (Platform.OS === 'android') {
+    return getAndroidStateMachine(handlePressIn, handlePressOut);
+  } else if (Platform.OS === 'ios') {
+    return getIosStateMachine(handlePressIn, handlePressOut);
+  } else if (Platform.OS === 'web') {
+    return getWebStateMachine(handlePressIn, handlePressOut);
+  } else if (Platform.OS === 'macos') {
+    return getMacosStateMachine(handlePressIn, handlePressOut);
+  } else {
+    // Unknown platform - using minimal universal setup.
+    return getUniversalStateMachine(handlePressIn, handlePressOut);
+  }
+}

package/src/components/Pressable/utils.ts

@@ -8,7 +8,11 @@ import {
   GestureStateChangeEvent,
   GestureTouchEvent,
 } from '../../handlers/gestureHandlerCommon';
-import { InnerPressableEvent, PressableEvent } from './PressableProps';
+import {
+  PressableDimensions,
+  InnerPressableEvent,
+  PressableEvent,
+} from './PressableProps';
 
 const numberAsInset = (value: number): Insets => ({
   left: value,
@@ -59,14 +63,14 @@ const gestureToPressEvent = (
 });
 
 const isTouchWithinInset = (
-  dimensions: { width: number; height: number },
+  dimensions: PressableDimensions,
   inset: Insets,
-  touch?: TouchData
+  touch?: InnerPressableEvent
 ) =>
-  (touch?.x ?? 0) < (inset.right ?? 0) + dimensions.width &&
-  (touch?.y ?? 0) < (inset.bottom ?? 0) + dimensions.height &&
-  (touch?.x ?? 0) > -(inset.left ?? 0) &&
-  (touch?.y ?? 0) > -(inset.top ?? 0);
+  (touch?.locationX ?? 0) < (inset.right ?? 0) + dimensions.width &&
+  (touch?.locationY ?? 0) < (inset.bottom ?? 0) + dimensions.height &&
+  (touch?.locationX ?? 0) > -(inset.left ?? 0) &&
+  (touch?.locationY ?? 0) > -(inset.top ?? 0);
 
 const gestureToPressableEvent = (
   event: GestureStateChangeEvent<

package/src/components/ReanimatedSwipeable.tsx

@@ -9,7 +9,6 @@ import React, {
   useImperativeHandle,
   useMemo,
 } from 'react';
-import { GestureRef } from '../handlers/gestures/gesture';
 import { GestureObjects as Gesture } from '../handlers/gestures/gestureObjects';
 import { GestureDetector } from '../handlers/gestures/GestureDetector';
 import {
@@ -38,6 +37,7 @@ import {
   View,
   ViewStyle,
 } from 'react-native';
+import { applyRelationProp, RelationPropName, RelationPropType } from './utils';
 
 const DRAG_TOSS = 0.05;
 
@@ -208,9 +208,19 @@ export interface SwipeableProps
    * A gesture object or an array of gesture objects containing the configuration and callbacks to be
    * used with the swipeable's gesture handler.
    */
-  simultaneousWithExternalGesture?:
-    | Exclude<GestureRef, number>
-    | Exclude<GestureRef, number>[];
+  simultaneousWithExternalGesture?: RelationPropType;
+
+  /**
+   * A gesture object or an array of gesture objects containing the configuration and callbacks to be
+   * used with the swipeable's gesture handler.
+   */
+  requireExternalGestureToFail?: RelationPropType;
+
+  /**
+   * A gesture object or an array of gesture objects containing the configuration and callbacks to be
+   * used with the swipeable's gesture handler.
+   */
+  blocksExternalGesture?: RelationPropType;
 }
 
 export interface SwipeableMethods {
@@ -257,9 +267,18 @@ const Swipeable = forwardRef<SwipeableMethods, SwipeableProps>(
       renderLeftActions,
       renderRightActions,
       simultaneousWithExternalGesture,
+      requireExternalGestureToFail,
+      blocksExternalGesture,
+      hitSlop,
       ...remainingProps
     } = props;
 
+    const relationProps = {
+      simultaneousWithExternalGesture,
+      requireExternalGestureToFail,
+      blocksExternalGesture,
+    };
+
     const rowState = useSharedValue<number>(0);
 
     const userDrag = useSharedValue<number>(0);
@@ -339,27 +358,33 @@ const Swipeable = forwardRef<SwipeableMethods, SwipeableProps>(
     const dispatchImmediateEvents = useCallback(
       (fromValue: number, toValue: number) => {
         'worklet';
-        if (toValue > 0 && onSwipeableWillOpen) {
-          runOnJS(onSwipeableWillOpen)(SwipeDirection.RIGHT);
-        } else if (toValue < 0 && onSwipeableWillOpen) {
-          runOnJS(onSwipeableWillOpen)(SwipeDirection.LEFT);
-        } else if (onSwipeableWillClose) {
+
+        if (onSwipeableWillOpen && toValue !== 0) {
+          runOnJS(onSwipeableWillOpen)(
+            toValue > 0 ? SwipeDirection.RIGHT : SwipeDirection.LEFT
+          );
+        }
+
+        if (onSwipeableWillClose && toValue === 0) {
           runOnJS(onSwipeableWillClose)(
             fromValue > 0 ? SwipeDirection.LEFT : SwipeDirection.RIGHT
           );
         }
       },
-      [onSwipeableWillClose, onSwipeableWillOpen]
+      [onSwipeableWillClose, onSwipeableWillOpen, rowState]
     );
 
     const dispatchEndEvents = useCallback(
       (fromValue: number, toValue: number) => {
         'worklet';
-        if (toValue > 0 && onSwipeableOpen) {
-          runOnJS(onSwipeableOpen)(SwipeDirection.RIGHT);
-        } else if (toValue < 0 && onSwipeableOpen) {
-          runOnJS(onSwipeableOpen)(SwipeDirection.LEFT);
-        } else if (onSwipeableClose) {
+
+        if (onSwipeableOpen && toValue !== 0) {
+          runOnJS(onSwipeableOpen)(
+            toValue > 0 ? SwipeDirection.RIGHT : SwipeDirection.LEFT
+          );
+        }
+
+        if (onSwipeableClose && toValue === 0) {
           runOnJS(onSwipeableClose)(
             fromValue > 0 ? SwipeDirection.LEFT : SwipeDirection.RIGHT
           );
@@ -654,15 +679,13 @@ const Swipeable = forwardRef<SwipeableMethods, SwipeableProps>(
           }
         });
 
-      if (!simultaneousWithExternalGesture) {
-        return tap;
-      }
-
-      if (Array.isArray(simultaneousWithExternalGesture)) {
-        tap.simultaneousWithExternalGesture(...simultaneousWithExternalGesture);
-      } else {
-        tap.simultaneousWithExternalGesture(simultaneousWithExternalGesture);
-      }
+      Object.entries(relationProps).forEach(([relationName, relation]) => {
+        applyRelationProp(
+          tap,
+          relationName as RelationPropName,
+          relation as RelationPropType
+        );
+      });
 
       return tap;
     }, [close, rowState, simultaneousWithExternalGesture]);
@@ -707,15 +730,13 @@ const Swipeable = forwardRef<SwipeableMethods, SwipeableProps>(
           dragStarted.value = false;
         });
 
-      if (!simultaneousWithExternalGesture) {
-        return pan;
-      }
-
-      if (Array.isArray(simultaneousWithExternalGesture)) {
-        pan.simultaneousWithExternalGesture(...simultaneousWithExternalGesture);
-      } else {
-        pan.simultaneousWithExternalGesture(simultaneousWithExternalGesture);
-      }
+      Object.entries(relationProps).forEach(([relationName, relation]) => {
+        applyRelationProp(
+          pan,
+          relationName as RelationPropName,
+          relation as RelationPropType
+        );
+      });
 
       return pan;
     }, [
@@ -749,6 +770,7 @@ const Swipeable = forwardRef<SwipeableMethods, SwipeableProps>(
         <Animated.View
           {...remainingProps}
           onLayout={onRowLayout}
+          hitSlop={hitSlop ?? undefined}
           style={[styles.container, containerStyle]}>
           {leftElement()}
           {rightElement()}

package/src/components/Swipeable.tsx

@@ -482,11 +482,13 @@ export default class Swipeable extends Component<
     this.animateRow(this.currentOffset(), 0);
   };
 
+  // eslint-disable-next-line @eslint-react/no-unused-class-component-members
   openLeft = () => {
     const { leftWidth = 0 } = this.state;
     this.animateRow(this.currentOffset(), leftWidth);
   };
 
+  // eslint-disable-next-line @eslint-react/no-unused-class-component-members
   openRight = () => {
     const { rowWidth = 0 } = this.state;
     const { rightOffset = rowWidth } = this.state;
@@ -494,6 +496,7 @@ export default class Swipeable extends Component<
     this.animateRow(this.currentOffset(), -rightWidth);
   };
 
+  // eslint-disable-next-line @eslint-react/no-unused-class-component-members
   reset = () => {
     const { dragX, rowTranslation } = this.state;
     dragX.setValue(0);

package/src/components/Text.tsx

@@ -15,7 +15,10 @@ import { GestureObjects as Gesture } from '../handlers/gestures/gestureObjects';
 import { GestureDetector } from '../handlers/gestures/GestureDetector';
 
 export const Text = forwardRef(
-  (props: RNTextProps, ref: ForwardedRef<RNText>) => {
+  (
+    props: RNTextProps,
+    ref: ForwardedRef<React.ComponentRef<typeof RNText>>
+  ) => {
     const { onPress, onLongPress, ...rest } = props;
 
     const textRef = useRef<RNText | null>(null);
@@ -46,7 +49,7 @@ export const Text = forwardRef(
       }
 
       const textElement = ref
-        ? (ref as RefObject<RNText>).current
+        ? (ref as RefObject<React.ComponentRef<typeof RNText>>).current
         : textRef.current;
 
       // At this point we are sure that textElement is div in HTML tree

package/src/components/utils.ts

@@ -0,0 +1,26 @@
+import { BaseGesture, GestureRef } from '../handlers/gestures/gesture';
+
+export type RelationPropName =
+  | 'simultaneousWithExternalGesture'
+  | 'requireExternalGestureToFail'
+  | 'blocksExternalGesture';
+
+export type RelationPropType =
+  | Exclude<GestureRef, number>
+  | Exclude<GestureRef, number>[];
+
+export function applyRelationProp(
+  gesture: BaseGesture<any>,
+  relationPropName: RelationPropName,
+  relationProp: RelationPropType
+) {
+  if (!relationProp) {
+    return;
+  }
+
+  if (Array.isArray(relationProp)) {
+    gesture[relationPropName](...relationProp);
+  } else {
+    gesture[relationPropName](relationProp);
+  }
+}

package/src/getShadowNodeFromRef.ts

@@ -11,7 +11,7 @@ export function getShadowNodeFromRef(ref: unknown) {
   // Load findHostInstance_DEPRECATED lazily because it may not be available before render
   if (findHostInstance_DEPRECATED === undefined) {
     try {
-      // eslint-disable-next-line @typescript-eslint/no-var-requires, @typescript-eslint/no-unsafe-assignment
+      // eslint-disable-next-line @typescript-eslint/no-var-requires
       const ReactFabric = require('react-native/Libraries/Renderer/shims/ReactFabric');
       // Since RN 0.77 ReactFabric exports findHostInstance_DEPRECATED in default object so we're trying to
       // access it first, then fallback on named export
@@ -31,7 +31,7 @@ export function getShadowNodeFromRef(ref: unknown) {
     try {
       // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
       getInternalInstanceHandleFromPublicInstance =
-        // eslint-disable-next-line @typescript-eslint/no-var-requires, @typescript-eslint/no-unsafe-member-access
+        // eslint-disable-next-line @typescript-eslint/no-var-requires
         require('react-native/Libraries/ReactNative/ReactFabricPublicInstance/ReactFabricPublicInstance')
           .getInternalInstanceHandleFromPublicInstance ??
         // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-return

package/src/handlers/GestureHandlerEventPayload.ts

@@ -7,6 +7,9 @@ export type FlingGestureHandlerEventPayload = {
   absoluteY: number;
 };
 
+/**
+ * @deprecated ForceTouch gesture is deprecated and will be removed in the future.
+ */
 export type ForceTouchGestureHandlerEventPayload = {
   x: number;
   y: number;

package/src/handlers/createHandler.tsx

@@ -431,6 +431,7 @@ export default function createHandler<
       }
     }
 
+    // eslint-disable-next-line @eslint-react/no-unused-class-component-members
     setNativeProps(updates: any) {
       const mergedProps = { ...this.props, ...updates };
       const newConfig = filterConfig(

package/src/handlers/gestureHandlerTypesCompat.ts

@@ -46,8 +46,14 @@ export type TapGestureHandlerGestureEvent =
 export type TapGestureHandlerStateChangeEvent =
   HandlerStateChangeEvent<TapGestureHandlerEventPayload>;
 
+/**
+ * @deprecated ForceTouchGestureHandler is deprecated and will be removed in the future.
+ */
 export type ForceTouchGestureHandlerGestureEvent =
   GestureEvent<ForceTouchGestureHandlerEventPayload>;
+/**
+ * @deprecated ForceTouchGestureHandler is deprecated and will be removed in the future.
+ */
 export type ForceTouchGestureHandlerStateChangeEvent =
   HandlerStateChangeEvent<ForceTouchGestureHandlerEventPayload>;
 
@@ -84,6 +90,9 @@ export type PanGestureHandlerProperties = PanGestureHandlerProps;
 export type PinchGestureHandlerProperties = PinchGestureHandlerProps;
 export type RotationGestureHandlerProperties = RotationGestureHandlerProps;
 export type FlingGestureHandlerProperties = FlingGestureHandlerProps;
+/**
+ * @deprecated ForceTouch gesture is deprecated and will be removed in the future.
+ */
 export type ForceTouchGestureHandlerProperties = ForceTouchGestureHandlerProps;
 // Button props
 export type RawButtonProperties = RawButtonProps;

package/src/handlers/gestures/forceTouchGesture.ts

@@ -3,6 +3,9 @@ import { ForceTouchGestureConfig } from '../ForceTouchGestureHandler';
 import type { ForceTouchGestureHandlerEventPayload } from '../GestureHandlerEventPayload';
 import { GestureUpdateEvent } from '../gestureHandlerCommon';
 
+/**
+ * @deprecated ForceTouch gesture is deprecated and will be removed in the future.
+ */
 export type ForceTouchGestureChangeEventPayload = {
   forceChange: number;
 };
@@ -26,6 +29,9 @@ function changeEventCalculator(
   return { ...current, ...changePayload };
 }
 
+/**
+ * @deprecated ForceTouch gesture is deprecated and will be removed in the future.
+ */
 export class ForceTouchGesture extends ContinousBaseGesture<
   ForceTouchGestureHandlerEventPayload,
   ForceTouchGestureChangeEventPayload
@@ -83,4 +89,7 @@ export class ForceTouchGesture extends ContinousBaseGesture<
   }
 }
 
+/**
+ * @deprecated ForceTouch gesture is deprecated and will be removed in the future.
+ */
 export type ForceTouchGestureType = InstanceType<typeof ForceTouchGesture>;

package/src/handlers/gestures/gestureObjects.ts

@@ -73,7 +73,9 @@ export const GestureObjects = {
   },
 
   /**
-   * #### iOS only
+   * @deprecated ForceTouch gesture is deprecated and will be removed in the future.
+   *
+   *  #### iOS only
    * A continuous gesture that recognizes force of a touch. It allows for tracking pressure of touch on some iOS devices.
    * @see https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/force-touch-gesture
    */

package/src/handlers/gestures/reanimatedWrapper.ts

@@ -13,7 +13,6 @@ let Reanimated:
   | {
       default: {
         // Slightly modified definition copied from 'react-native-reanimated'
-        // eslint-disable-next-line @typescript-eslint/ban-types
         createAnimatedComponent<P extends object>(
           component: ComponentClass<P>,
           options?: unknown

package/src/handlers/utils.ts

@@ -60,7 +60,7 @@ export function findNodeHandle(
   if (Platform.OS === 'web') {
     return node;
   }
-  return findNodeHandleRN(node);
+  return findNodeHandleRN(node) ?? null;
 }
 let flushOperationsScheduled = false;
 

package/src/utils.ts

@@ -31,7 +31,6 @@ export function withPrevAndCurrent<T, Transformed>(
   return transformedArr;
 }
 
-// eslint-disable-next-line @typescript-eslint/ban-types
 export function hasProperty(object: object, key: string) {
   return Object.prototype.hasOwnProperty.call(object, key);
 }

package/src/web/detectors/RotationGestureDetector.ts

@@ -42,6 +42,10 @@ export default class RotationGestureDetector
     const firstPointerCoords = tracker.getLastAbsoluteCoords(firstPointerID);
     const secondPointerCoords = tracker.getLastAbsoluteCoords(secondPointerID);
 
+    if (!firstPointerCoords || !secondPointerCoords) {
+      return;
+    }
+
     const vectorX: number = secondPointerCoords.x - firstPointerCoords.x;
     const vectorY: number = secondPointerCoords.y - firstPointerCoords.y;
 

package/src/web/handlers/FlingGestureHandler.ts

@@ -49,6 +49,10 @@ export default class FlingGestureHandler extends GestureHandler {
   private tryEndFling(): boolean {
     const velocityVector = Vector.fromVelocity(this.tracker, this.keyPointer);
 
+    if (!velocityVector) {
+      return false;
+    }
+
     const getAlignment = (
       direction: Directions | DiagonalDirections,
       minimalAlignmentCosine: number

package/src/web/handlers/GestureHandler.ts

@@ -701,9 +701,15 @@ export default abstract class GestureHandler implements IGestureHandler {
     }
 
     const rect = this.delegate.measureView();
-    const { x, y } = this.tracker.getLastAbsoluteCoords();
-    const offsetX: number = x - rect.pageX;
-    const offsetY: number = y - rect.pageY;
+
+    const lastCoords = this.tracker.getLastAbsoluteCoords();
+
+    if (!lastCoords) {
+      return false;
+    }
+
+    const offsetX: number = lastCoords.x - rect.pageX;
+    const offsetY: number = lastCoords.y - rect.pageY;
 
     return (
       offsetX >= left && offsetX <= right && offsetY >= top && offsetY <= bottom