@dnd-kit/[email protected]

Patch Changes

• #1555 62f632a Thanks @clauderic! - Added Tab to the list of default key codes that end a drag and drop operation. Can be customized by passing in a custom list of keyCodes to the KeyboardSensor options.

@dnd-kit/[email protected]

Patch Changes

• Updated dependencies [0c6a28d]:
  • @dnd-kit/[email protected]

@dnd-kit/[email protected]

Patch Changes

• Updated dependencies [0c6a28d]:
  • @dnd-kit/[email protected]

@dnd-kit/[email protected]

Minor Changes

• #1539 0c6a28d Thanks @irobot! - Make it possible to add visual cues when using activation constraints.

  Context

  Activation constraints are used when we want to prevent accidental dragging or when
  pointer press can mean more than "start dragging".

  A typical use case is a button that needs to respond to both "click" and "drag" gestures.
  Clicks can be distinguished from drags based on how long the pointer was
  held pressed.

  The problem

  A control that responds differently to a pointer press based on duration or distance can
  be confusing to use -- the user has to guess how long to keep holding or how far to keep
  dragging until their intent is acknowledged.

  Implementing such cues is currently possible by attaching extra event listeners so that
  we know when a drag is pending. Furthermore, the listener needs to have access to
  the same constraints that were applied to the sensor initiating the drag. This can be
  made to work in simple cases, but it becomes error-prone and difficult to maintain in
  complex scenarios.

  Solution

  This changeset proposes the addition of two new events: onDragPending and onDragAbort.

  onDragPending

  A drag is considered to be pending when the pointer has been pressed and there are
  activation constraints that need to be satisfied before a drag can start.

  This event is initially fired on pointer press. At this time offset (see below) will be
  undefined.

  It will subsequently be fired every time the pointer is moved. This is to enable
  visual cues for distance-based activation.

  The event's payload contains all the information necessary for providing visual feedback:

  export interface DragPendingEvent {
    id: UniqueIdentifier;
    constraint: PointerActivationConstraint;
    initialCoordinates: Coordinates;
    offset?: Coordinates | undefined;
  }

  onDragAbort

  A drag is considered aborted when an activation constraint for a pending drag was violated.
  Useful as a prompt to cancel any visual cue animations currently in progress.
  Note that this event will not be fired when dragging ends or is canceled.

@dnd-kit/[email protected]

Patch Changes

• #1542 f629ec6 Thanks @clauderic! - Fix bug with draggable and sortable elements with an id equal to 0.

• Updated dependencies [00ec286, 995dc23, f629ec6, 99643f6, 6bbe39b, 545a41c, bcaf7c4]:

  • @dnd-kit/[email protected]

@dnd-kit/[email protected]

Patch Changes

• Updated dependencies [00ec286, 995dc23, f629ec6, 99643f6, 6bbe39b, 545a41c, bcaf7c4]:
  • @dnd-kit/[email protected]

@dnd-kit/[email protected]

Minor Changes

• #1140 545a41c Thanks @anilanar! - Add activatorEvent to DragStartEvent

Patch Changes

• #1494 00ec286 Thanks @dinkinflickaa! - Improves performance by eliminating wasteful re-renders on every child item on click

• #1400 995dc23 Thanks @12joan! - Export defaultKeyboardCoordinateGetter

• #1542 f629ec6 Thanks @clauderic! - Fix bug with draggable and sortable elements with an id equal to 0.

• #1541 99643f6 Thanks @clauderic! - Handle touchcancel and pointercancel events.

• #1435 6bbe39b Thanks @knaveenkumar3576! - Faster Paint with delayed flush of Effects

• #1543 bcaf7c4 Thanks @clauderic! - Fix a bug with auto-scroller continuing to observe stale elements, causing them to be considered as scrollable.

• Updated dependencies [93602df]:

  • @dnd-kit/[email protected]

@dnd-kit/[email protected]

Patch Changes

• #1534 93602df Thanks @duvallj! - Workaround <LiveRegion> layout bug by adding explicit top and left
  attributes. Under sufficiently complex CSS conditions, the element would
  overflow containers that it's not supposed to. See this
  post
  for a complete explanation.

@dnd-kit/[email protected]

@dnd-kit/[email protected]

@dnd-kit/[email protected]

Patch Changes

• Updated dependencies [e9be505]:
  • @dnd-kit/[email protected]
  • @dnd-kit/[email protected]
  • @dnd-kit/[email protected]