From c62da4d331be3155f37b5ef7cdb6fe58717f3b13 Mon Sep 17 00:00:00 2001 From: Devon Govett Date: Mon, 7 Nov 2022 14:55:13 -0800 Subject: [PATCH] Add preventDefault to onDragEnter and onDragLeave for iPad --- packages/@react-aria/dnd/src/useDrop.ts | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/@react-aria/dnd/src/useDrop.ts b/packages/@react-aria/dnd/src/useDrop.ts index 41643093664..4c2dbf97a18 100644 --- a/packages/@react-aria/dnd/src/useDrop.ts +++ b/packages/@react-aria/dnd/src/useDrop.ts @@ -164,6 +164,7 @@ export function useDrop(options: DropOptions): DropResult { }; let onDragEnter = (e: DragEvent) => { + e.preventDefault(); e.stopPropagation(); state.dragOverElements.add(e.target as Element); if (state.dragOverElements.size > 1) { @@ -200,6 +201,7 @@ export function useDrop(options: DropOptions): DropResult { }; let onDragLeave = (e: DragEvent) => { + e.preventDefault(); e.stopPropagation(); // We would use e.relatedTarget to detect if the drag is still inside the drop target,