Undraggable label

by gentooboontoo

HTML

<p>
Test to reproduce an issue when dragging a label as display block from the zone without text
</p>
<p>
Expected: Dragstart count incremented
</p>
<p>
Chrome 48 OK
</p>
<p>
Firefox 44 NOK with label when drag initiated from the empty purple zone
</p>

<label draggable="true">Drag me! (label as display block)</label>
<p id="labelOutput">DragStart count: 0</p>

<div draggable="true">Drag me! (Div)</div>
<p id="divOutput">DragStart count: 0</p>

CSS

label {
  display: block;
}

div, label {
  background: rebeccapurple;
  color: white;
}

JavaScript

var labelCount = 0;
var labelOutputEl = document.querySelector('#labelOutput');
var divCount = 0;
var divOutputEl = document.querySelector('#divOutput');

document.querySelector('label').addEventListener("dragstart", function(e) {
  labelCount++;
  labelOutputEl.innerHTML = "DragStart count: " + labelCount;
}, false);

document.querySelector('div').addEventListener("dragstart", function(e) {
  divCount++;
  divOutputEl.innerHTML = "DragStart count: " + divCount;
}, false);