Open Bug 1189486 Opened 6 years ago Updated 3 months ago

draggable element interferes with input elements


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

39 Branch
Not set




(Reporter: gab_s, Unassigned, NeedInfo)


User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/44.0.2403.125 Safari/537.36

Steps to reproduce:

User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/44.0.2403.125 Safari/537.36

Trying to select text inside a text area which is a children of a draggable element doesn't work.
I am trying to select the text with the mouse by either double click on word or drag through text.

For instance:
 <div id="draggableDiv" draggable="true">
        <textarea class="textArea">Inside draggable (broken)</textarea>

Actual results:

No text is selected.

Workaround is to use the ALT or (SHIFT/LEFT or RIGHT) or see my jsfiddle for another alternative.

Expected results:

Text should have been selected.
Component: Untriaged → Drag and Drop
Product: Firefox → Core
Ever confirmed: true
FWIW, just ran into this issue, and I think it might be a dupe of this older bug:
When is this going to get fixed? Still happening in the latest builds.
Bugging me too, please fix...
I am also affected by this in 64.0
I am also facing this issue in the latest version.

Still happening. Plenty reports on StaskOverflow

This still is occurring.

I'd also like to note this also seems to happen with any element with an onDrop and onDrag event, including file uploads.

Bug still affecting 72.0b5.

Flags: needinfo?(enndeakin)
  • 1, Very bad bug this one...

Still happening, not a solution without breaking the functionality.

Still happening in Firefox 82.0.3. Works just fine in Chrome.

You need to log in before you can comment on or make changes to this bug.