Firefox issues in selecting the input content using cursor

[fadrian9006]

I experienced this on Firefox on MAC OS El Capitan. This can be reproduced if you are using this url http://marceljuenemann.github.io/angular-drag-and-drop-lists/demo/#/types . Try to double click in order to select all the content for a specific input and you will see that is not working as you expected. Also, the pointer position is at the begining of content not at the end of it as we expected.

[ericyliu]

bump, also having this issue

[gsteiner89]

+1 still present in Firefox v47, also same in IE11, only Chrome is doing fine. Found no solution yet.

[daniouyea]

+1

[Exlord]

+1 same here Firefox v48 on Windows 8.1. I am also using the dnd-nodrag and dnd-handle to give the drag handle to a single element outside of the text inputs parent element. Also using the mouse to drag select the text does not work either .

[sal777]

+1 this is a showstopper for me. Same issue in Edge/Firefox. Anyone got a workaround?

[yabab-dev]

Here is a dirty workaround :

  module.directive('dndNodragInput', function() {
    return function(scope, element, attr) {
      element.on('focus', function(){
        element.attr("draggable", "false");
        element.parents('[draggable="true"]').attr('draggable', 'false');
      });

      element.on('blur', function(){
        element.attr("draggable", "true");
        element.parents('[draggable="false"]').attr('draggable', 'true');
      });
    };
  });

Apply the dnd-nodrag-input on your <input> and it works on FF (latest on Ubuntu). Not tested on Edge/IE11.

The bug come from draggable attribute : if an input have a parent with draggable="true" mouse events seems not working on child input...

[yabab-dev]

Other solution here : https://github.com/marceljuenemann/angular-drag-and-drop-lists/issues/127#issuecomment-236542050 ?

[Goddak]

I posted something that may help with this issue here