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

Clipboard value is changed in Internet Explorer

Open StanislavLohtin opened this issue 8 years ago • 2 comments

The issue takes place also in the example. http://marceljuenemann.github.io/angular-drag-and-drop-lists/demo/#/types if i will select the name of a person (f.e. "Frank") and copy it with Ctrl + C, and then paste it, then everything works, but if i will drag and drop this item, and then try to paste the name, instead of "Frank" it inserts the '{"name":"Frank","type":"man"}'. This behavior is only seen in IE.

StanislavLohtin avatar Dec 12 '16 12:12 StanislavLohtin

I have encountered the same issue

mdaniline avatar Mar 15 '17 14:03 mdaniline

I was experiencing this too, and did some research. It seems to be a bug in the IE drag and drop browser API, not this library.

I found this vanilla JS drag and drop demo via a Google search result: https://html5demos.com/drag/ - In IE, copy some arbitrary text into your clipboard, then in the demo, drag one of the list items into the rectangle on the left-hand side. Your clipboard content will get replaced by whatever the content of your drag item was.

One way that you can solve it is by using a drag and drop shim and allowing it to override the default browser behavior. Definitely do some regression testing if this is the route that you choose to take. (The shim linked in Angular Drag and Drop Lists' README.md file can do this - https://github.com/timruffles/ios-html5-drag-drop-shim - see the "forceApply" option.)

reidsvilleneuve avatar Feb 28 '18 00:02 reidsvilleneuve