1478562 - Dragleave fires when dragged over a text inside droppable div

Status: RESOLVED DUPLICATE of bug 1709832

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

Description

[ufo.faflik]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36

Steps to reproduce:

When you have div with droppable attribute and that div has text inside, if you drag another element over div it correctly fires dragenter event but if you drag over the text inside that div it fires dragleave - even if the text is inside droppable div. if you put span inside with pointer-events: none; everything is fine

Here's the jsfiddle
https://jsfiddle.net/xpvt214o/487536/

and browsing old issues found this file from other ticket
https://bug812807.bmoattachments.org/attachment.cgi?id=682780
same result, take one of those buttons and drag over "drop here" text, you'll see background blinking

Firefox 61.0.1 Mac/Windows


Actual results:

droppable div fires dragleave event if that div contains a text and you drag over the text inside that div


Expected results:

dragleave event should not be fired when dragging over text inside droppable div

Comment 1

[Nika Layzell [:nika] (ni? for response)]

Neil, any idea what might be going on here?

Comment 2

[Neil Deakin (away until Sept 6)]

Is the issue here that the event shouldn't target text nodes and only elements?

That's probably fixable in EventStateManager::GenerateDragDropEnterExit.

Comment 3

[Kagami Rosylight 🏳️‍🌈🏳️‍⚧️ [:saschanaz] (they/them)]

Will fix this in: