Ticket #37427: 37427.patch

src/wp-includes/js/tinymce/plugins/wpview/plugin.js

@@ -3 +3 @@
  */
 ( function( tinymce, wp ) {
         tinymce.PluginManager.add( 'wpview', function( editor ) {
+                var scrolled = false;
+
                 function noop () {}
 
                 if ( ! wp || ! wp.mce || ! wp.mce.views ) {
@@ -11 +13 @@
                         };
                 }
 
+                /**
+                 * Returns the node or a parent of the node that has the passed className.
+                 * Doing this directly is about 40% faster
+                 */
+                function getParent( node, className ) {
+                        while ( node && node.parentNode ) {
+                                if ( node.className && ( ' ' + node.className + ' ' ).indexOf( ' ' + className + ' ' ) !== -1 ) {
+                                        return node;
+                                }
+
+                                node = node.parentNode;
+                        }
+
+                        return false;
+                }
+
+                function getView( node ) {
+                        return getParent( node, 'wpview' );
+                }
+
                 // Check if a node is a view or not.
                 function isView( node ) {
                         return editor.dom.hasClass( node, 'wpview' );
@@ -125 +147 @@
                         }
                 } );
 
+                if ( tinymce.Env.ie || ( 'ontouchend' in document ) ) {
+                        editor.on( 'init', function() {
+                                editor.dom.bind( editor.getDoc(), 'touchmove', function() {
+                                        scrolled = true;
+                                });
+
+                                editor.on( 'mousedown mouseup click touchend', function( event ) {
+                                        var view = getView( event.target );
+
+                                        if ( view ) {
+                                                event.stopImmediatePropagation();
+                                                event.preventDefault();
+
+                                                if ( event.type === 'touchend' && scrolled ) {
+                                                        scrolled = false;
+                                                } else {
+                                                        editor.selection.select( view );
+                                                }
+                                        } else {
+                                                if ( event.type === 'touchend' || event.type === 'mousedown' ) {
+                                                        editor.selection.collapse();
+                                                }
+                                        }
+
+                                        if ( event.type === 'touchend' && scrolled ) {
+                                                scrolled = false;
+                                        }
+                                }, true );
+                        });
+                }
+
                 editor.addButton( 'wp_view_edit', {
                         tooltip: 'Edit ', // trailing space is needed, used for context
                         icon: 'dashicon dashicons-edit',