stopCommittedGesture() — react Function Reference

Architecture documentation for the stopCommittedGesture() function in ReactFiberGestureScheduler.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ stopCommittedGesture() — react Function Reference

Dependency Diagram

graph TD
  024e8daa_d2ea_6dd8_f597_9980bcd46ac7["stopCommittedGesture()"]
  8193bb5a_9f72_452e_5391_5f40038fa638["ReactFiberGestureScheduler.js"]
  024e8daa_d2ea_6dd8_f597_9980bcd46ac7 -->|defined in| 8193bb5a_9f72_452e_5391_5f40038fa638
  style 024e8daa_d2ea_6dd8_f597_9980bcd46ac7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberGestureScheduler.js lines 224–247

export function stopCommittedGesture(root: FiberRoot) {
  // The top was just committed. We can delete it from the queue
  // and stop its View Transition now.
  const committedGesture = root.pendingGestures;
  if (committedGesture !== null) {
    // Mark it as no longer committing and should no longer be included in rerenders.
    committedGesture.committing = false;
    const nextGesture = committedGesture.next;
    if (nextGesture === null) {
      // Gestures don't clear their lanes while the gesture is still active but it
      // might not be scheduled to do any more renders and so we shouldn't schedule
      // any more gesture lane work until a new gesture is scheduled.
      root.pendingLanes &= ~GestureLane;
    } else {
      nextGesture.prev = null;
    }
    root.pendingGestures = nextGesture;
    const runningTransition = committedGesture.running;
    if (runningTransition !== null) {
      committedGesture.running = null;
      stopViewTransition(runningTransition);
    }
  }
}