1862019 - Inconsistent draggable area for buttons vs other elements (and other browsers)

Status: RESOLVED DUPLICATE of bug 568313

(Core :: DOM: Copy & Paste and Drag & Drop, defect)

Description

[daniel.p.richards]

Steps to reproduce:

1. Visit the following codepen - https://codepen.io/talldan/pen/LYbrawp
2. Try dragging the first button
3. Try dragging the second button
4. Try dragging the blue div element

Actual results:

First button:

• In Firefox: Only the text within the button can be dragged. Any of the grey area around the text cannot be dragged.
• In other browsers: Any part of the button element can be dragged.

Second button:

• In Firefox: The button cannot be dragged at all
• In other browsers: Any part of the button element can be dragged.

Third blue div:

• Any part of the element can be dragged

Expected results:

Any part of the buttons can be dragged to be consistent with the div element and how other browsers work

Context: This is current causing a bug in the WordPress editor, drag and drop doesn't work when a particular accessibility option is enabled - https://github.com/WordPress/gutenberg/issues/29511

Note: I thought there was an existing bug report for this, but I had a look and couldn't find anything. Apologies if it's a duplicate.

Comment 1

[Andreas Farre [:farre]]

Edgar, do you know if there's an existing issue for this?

Comment 2

[Edgar Chen [:edgar] (Parental leave until Oct. 09.)]

I think this a duplicate of bug 568313.