Enable drag and drop

WordPress · Nov 27, 2019 · ef48862 · ef48862
1 parent 8e1d5c3
commit ef48862
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/block-editor/src/components/block-list/block.js b/packages/block-editor/src/components/block-list/block.js
@@ -237,6 +237,14 @@ function BlockListBlock( {
 		placeCaretAtHorizontalEdge( target, isReverse );
 	};
 
+	useEffect( () => {
+		wrapper.current.addEventListener( 'dragstart', preventDrag );
+
+		return () => {
+			wrapper.current.removeEventListener( 'dragstart', preventDrag );
+		};
+	} );
+
 	// Focus the selected block's wrapper or inner input on mount and update
 	const isMounting = useRef( true );
 	useEffect( () => {
@@ -493,7 +501,6 @@ function BlockListBlock( {
 			onMouseOverHandled={ hideHoverEffects }
 			onMouseLeave={ hideHoverEffects }
 			onMouseDown={ onPointerDown }
-			onDragStart={ preventDrag }
 			className={ wrapperClassName }
 			data-type={ name }
 			data-block={ clientId }
@@ -503,7 +510,6 @@ function BlockListBlock( {
 			onKeyDown={ onKeyDown }
 			tabIndex="0"
 			aria-label={ blockLabel }
-			childHandledEvents={ [ 'onDragStart', 'onMouseDown' ] }
 			tagName={ animated.div }
 			{ ...wrapperProps }
 			style={