Prevent drag and drop items from getting checked when dropped into a different list.

[kevinolsson]

Hey guys!

Has anyone figured out how to get items from not getting checked when dragging across lists? I think this example best demonstrates it. In our case we're using GridList in tandem with useDragAndDrop.

It looks to be intended behavior for an item go get checked when dropping into a different list, but I'm curious if anyone has figured out how to disable this behavior.

[MILLERMARRU]

This is intentional, and it's actually documented in a code comment right at the source of the behavior, in useDroppableCollection.ts (packages/react-aria/src/dnd/useDroppableCollection.ts):

If an insert occurs during a drop, we want to immediately select these items to give feedback to the user that a drop occurred. Only do this if the selection didn't change since the drop started so we don't override if the user or application did something.

So it's deliberate a11y/feedback behavior (mainly for keyboard and screen-reader users, who otherwise get no visual confirmation that a drop actually happened) — there's no shouldSelectOnDrop-style prop on useDragAndDrop/useDroppableCollection to disable it; I checked the hook's public types and there's nothing exposed for this.

But that same comment gives you the actual escape hatch: it only auto-selects when state.selectionManager.isSelectionEqual(prevSelectedKeys) — i.e. only if selection is still identical to what it was right when the drop began. It explicitly checks for "the user or application did something" in between. So in your destination list's onDrop handler, after you insert the dropped items, just also call your selection state setter (setSelectedKeys) to something different from what selection was before the drop started — an empty Set, or whatever you actually want selected. That's enough for isSelectionEqual to return false, which skips the auto-select block entirely and leaves your explicit selection call as the final state.