Use a div as the drag handle

Firefox can't make buttons draggable.
WordPress · Sep 5, 2018 · 8ee6afa · 8ee6afa
1 parent 63f63d9
commit 8ee6afa
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/editor/src/components/block-mover/drag-handle.js b/packages/editor/src/components/block-mover/drag-handle.js
@@ -6,7 +6,7 @@ import classnames from 'classnames';
 /**
  * WordPress dependencies
  */
-import { IconButton, Draggable } from '@wordpress/components';
+import { Draggable } from '@wordpress/components';
 
 export const IconDragHandle = ( { isVisible, className, icon, onFocus, onBlur, onDragStart, onDragEnd, blockElementId, order, rootClientId, clientId, layout } ) => {
 	if ( ! isVisible ) {
@@ -30,9 +30,8 @@ export const IconDragHandle = ( { isVisible, className, icon, onFocus, onBlur, o
 		>
 			{
 				( { onDraggableStart, onDraggableEnd } ) => (
-					<IconButton
+					<div
 						className={ dragHandleClassNames }
-						icon={ icon }
 						aria-hidden="true"
 						aria-label=""
 						tabIndex="-1"
@@ -41,7 +40,9 @@ export const IconDragHandle = ( { isVisible, className, icon, onFocus, onBlur, o
 						onDragStart={ onDraggableStart }
 						onDragEnd={ onDraggableEnd }
 						draggable
-					/>
+					>
+						{ icon }
+					</div>
 				) }
 		</Draggable>
 	);