angular-drag-and-drop-lists icon indicating copy to clipboard operation
angular-drag-and-drop-lists copied to clipboard

Drag And Drop of input elements inside parent not working on safari ( mac )

Open utsav-github opened this issue 8 years ago • 3 comments

Trying to drag and drop text box inside drag gable div element in safari (mac) . In chrome its's working fine,but in safari dragging of text box to another element restricted. I also append span inside and it is working fine, but next to span , a textbox drag is not working correctly. https://jsfiddle.net/Utsav_fiddle/fxtdtbr9/ Can anyone suggest a fix ?

utsav-github avatar Oct 30 '17 13:10 utsav-github

+1

jaymanned avatar Jan 18 '18 20:01 jaymanned

Has anyone found a way around this?

jaymanned avatar Jan 20 '18 11:01 jaymanned

Found a workaround. Replacing inputs and textareas with contenteditable spans and divs. You'll have to adjust things like readonly attributes or form submiting. You'll need to bind the ngModel controller using a directive like this one . And you can add placeholder support via CSS.. It's a little bit of work but after that, it works like a charm.

jaymanned avatar Jan 20 '18 18:01 jaymanned