[Edge] Pasting images in Edge does not work

[Jonathan]

Steps to reproduce

1. Take a screenshot so that clipboard has an image in buffer.
2. CTRL+V to paste image in editor

Expected result

Pasting images should work when using the uploadimage plugin in Edge like it does in IE11, Chrome, and Firefox. It appears that browser does support this functionality as gmail is able to handle pasting in images from the clipboard when using MS Edge.

Actual result

Nothing pastes in.

Other details (browser, OS, CKEditor version, installed plugins)

Windows 10, Microsoft Edge with uploadimage plugin.

[Piotrek Koszuliński]

Microsoft did an odd thing in Edge - they dropped the old clipboard API and didn't introduce the new one yet ;/

See ​https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/8964523-support-html5-drag-and-drop-of-files-from-explorer and ​https://dev.ckeditor.com/ticket/13595#comment:4

We need to wait until they'll resolve this issue.

[Jonathan]

I knew it was an issue for dragging and dropping files. I'm curious how gmail is working around the issue for just pasting copied images like screen shots in the clipboard with Edge right now. There must be some API that works right now if gmail is able to do it.

[Piotrek Koszuliński]

Curious. I'll pass this info to @pjasiun. Maybe pasting might already work in Edge.

[Alfonso Martínez de Lizarrondo]

Replying to Reinmar:

Microsoft did an odd thing in Edge - they dropped the old clipboard API and didn't introduce the new one yet ;/

See ​https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/8964523-support-html5-drag-and-drop-of-files-from-explorer and ​https://dev.ckeditor.com/ticket/13595#comment:4

We need to wait until they'll resolve this issue.

Don't confuse pasting with dropping files.

Pasting works correctly and you can test that ​http://www.martinezdelizarrondo.com/ckplugins/simpleuploads.demo4/ works without any change for Edge (it's using CKEditor 4.4.2)

and here's an updated demo with 4.5.4 just adjusted to allow dropping files in the dialogs that by default CKEditor now blocks: ​http://www.martinezdelizarrondo.com/ckplugins/simpleuploads.demo45/ (I need time to check if anything else is broken by your Clipboard + DnD implementation before setting this as the default demo)

[Jonathan]

Just to clarify, the specific use case that seems like should be allowed is taking a screenshot with the PrtScn key and pasting into the editor. This does not work in Edge in the editor (on ours or the demo). This specific workflow is supported by gmail.

[Jonathan]

The PrtScn and paste workflow does work with the demo alfonsoml provided in Edge: ​http://www.martinezdelizarrondo.com/ckplugins/simpleuploads.demo45/

[Piotr Jasiun]

Edge does not support pasting or dropping files, but, in fact, it supports pasting image via the new Clipboard API (evt.clipboartData.items). Because old IEs didn't support evt.clipboartData we didn't handle it in Edge too. I fixed it, changes are in ​t/13755. However, it may break something in old IEs, they need to be tested.

[Jonathan]

Is this something that could be included in the 4.5.5 release?

[Piotrek Koszuliński]

Assigning to the milestone so we don't forget to review it.

[Marek Lewandowski]

Moving tickets to the next milestone.

[Marek Lewandowski]

It does look like ClipboardEvent object comes with a DataTransfer instance under clipboardData property. The image comes as clipbaordData.items[ 0 ] as a kind = file and type = image/png. For some reason our dataTransfer instance does not pick it up.

[Marek Lewandowski]

Fixed with ​git:3f284eda6.