All fake elements get lost after drag-and-drop in Webkit

[Garry Yao]

Procedures

1. Open the replace by code example page in Safari;
2. Select the beginning of the text line;
3. Click Anchor button to open dialog, input 'anchor' in 'Anchor Name' field, close it with ok;
4. Select the inserted fake element(anchor), perform drag-and-drop to the end of line.

• Actual Result : The fake element disappeared right at the drop region.

[Garry Yao]

A reduced reason is found that the fake element after drop(cloned) has lost all attributes including class.

[Frederico Caldeira Knabben]

Regression? See #566.

[Artur Formella]

Safari drops attributes of <img> and <input type="image"> It seems to be a Webkit bug. TinyMCE as the same problem.

ondragstart=function(){return false} works only partially.

[Alfonso Martínez de Lizarrondo]

This is working fine in MacOS, but fails on windows, so the webkit bug is ​https://bugs.webkit.org/show_bug.cgi?id=16067

[Frederico Caldeira Knabben]

Yup... this looks like one of those "sit and wait" bugs for us. Hopefully WebKit gonna get fixed soon.

I'm leaving it opened for now, but "CantFix".

[Jakub Ś]

Seems that ticket is almost fixed - you can move around the anchor in Safari and Chrome. The only problem is that when you switch to source you will see that Chrome 20 adds background color:

<a name="anchor" style="background-color: rgb(255, 255, 255); ">This</a>

and Safari a lot more

<a name="ffff" style="background-image: url(http://localhost/ckeditor/_source/plugins/link/images/anchor.gif); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted; border-top-color: rgb(0, 0, 255); border-right-color: rgb(0, 0, 255); border-bottom-color: rgb(0, 0, 255); border-left-color: rgb(0, 0, 255); padding-left: 18px; cursor: auto; background-position: 0% 50%; background-repeat: no-repeat no-repeat; ">This</a>

[Jakub Ś]

I have just checked this problem in latest trunk in Safari 5.1.7 and Chrome 22 and this problem seems to be fixed.