From 8ee6afa71c774fa87dea1c3e22af7de5b8a14654 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9s?= <andres.maneiro@automattic.com>
Date: Wed, 5 Sep 2018 17:31:26 +0200
Subject: [PATCH] Use a div as the drag handle

Firefox can't make buttons draggable.
---
 .../editor/src/components/block-mover/drag-handle.js     | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/editor/src/components/block-mover/drag-handle.js b/packages/editor/src/components/block-mover/drag-handle.js
index b9355ffeb6073..f0482b215eb94 100644
--- 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>
 	);