diff --git a/packages/block-editor/src/components/list-view/use-list-view-drop-zone.js b/packages/block-editor/src/components/list-view/use-list-view-drop-zone.js index 3354b3f41d391..67908a43fc3c0 100644 --- a/packages/block-editor/src/components/list-view/use-list-view-drop-zone.js +++ b/packages/block-editor/src/components/list-view/use-list-view-drop-zone.js @@ -556,9 +556,14 @@ export default function useListViewDropZone( { const ref = useDropZone( { dropZoneElement, onDrop( event ) { + throttled.cancel(); if ( target ) { onBlockDrop( event ); } + // Use `undefined` value to indicate that the drag has concluded. + // This allows styling rules that are active only when a user is + // dragging to be removed. + setTarget( undefined ); }, onDragLeave() { throttled.cancel();