Skip to content
React Spring Bottom Sheet
PrimitivesNIPE Open Source
Browse documentation
On this page

docs / gestures

Gestures and scrolling

Drag the handle or content without competing with nested scroll.

Ownership

Dragging the handle always moves the sheet. Inside scrollable content, the descendant keeps the gesture while it can scroll in that direction. At its boundary, the sheet can take ownership of the remaining movement.

  • Do not prevent pointer events on the handle or content.
  • Give long scroll regions a bounded height and visible focus.
  • Keep primary actions reachable without relying on a drag gesture.

Exercise nested scrolling

Interruptions

Pointer cancellation, window blur, multi-touch, unmounting, and a new gesture share one cleanup path. The sheet settles from the last valid position instead of leaving capture or global listeners behind.