wpviews: Safari: unable to copy/paste

[iseulde]

1. In Safari, you can't copy/paste a wpview after selecting it.
2. If you put your cursor in a paragraph before or after a wpview, the wpview will be selected visually, but the cursor moves to the start of the first paragraph.
3. Copying everything in the editor does not include the wpviews.

It looks like TinyMCE fails to select a contenteditable="false" area in Safari on line 96 with editor.selection.select( clipboard, true ).

[gcorne]

This is caused by:

.wpview-wrap,
.wpview-wrap * {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

28088-01.patch​ fixes the issue.

[iseulde]

Yes! :D

[azaozz]

In 28565:

wpView: fix selecting a view's text string in Safari, props gcorne, fixes #28088

[iseulde]

This will need to be .wpview-wrap .wpview-clipboard * if you want html elements inside the clipboard to be selectable (not just text).

[azaozz]

Replying to avryl:

Hmm, there shouldn't be any html elements inside the clipboard? The original string (shortcode) together with any html is ran through encodeURIComponent() which encodes pretty much everything except [^a-zA-Z0-9_-].

[iseulde]

Why not? The clipboard element actually contains the decoded text. :)
https://core.trac.wordpress.org/browser/trunk/src/wp-includes/js/tinymce/plugins/wpview/plugin.js#L40

[azaozz]

In 28755:

TinyMCE wpView: fix selecting all of view's "text" in Safari, props avryl, fixes #28088