Changeset 27095

Timestamp:

02/05/2014 01:09:42 AM (11 years ago)

Author:

azaozz

Message:

TinyMCE: don't scroll the main window when scrolling the editor content with a mouse wheel or trackpad and reaching the end. Fixes #27013.

File:

• trunk/src/wp-includes/js/tinymce/plugins/wordpress/plugin.js (modified) (3 diffs)

trunk/src/wp-includes/js/tinymce/plugins/wordpress/plugin.js

@@ -279 +279 @@
         var env = tinymce.Env,
             bodyClass = ['mceContentBody'], // back-compat for themes that use this in editor-style.css...
-            body = editor.getBody();
+            doc = editor.getDoc();
 
         if ( editor.getParam( 'directionality' ) === 'rtl' ) {
@@ -299 +299 @@
         tinymce.each( bodyClass, function( cls ) {
             if ( cls ) {
-                editor.dom.addClass( body, cls );
+                editor.dom.addClass( doc.body, cls );
             }
         });
@@ -315 +315 @@
             window.jQuery( document ).triggerHandler( 'tinymce-editor-init', [editor] );
         }
+
+        // When scrolling with mouse wheel or trackpad inside the editor, don't scroll the parent window
+        editor.dom.bind( doc, 'onwheel' in doc ? 'wheel' : 'mousewheel', function( event ) {
+            var delta, docElement = doc.documentElement;
+
+            if ( editor.settings.wp_fullscreen || 'ontouchstart' in window ) {
+                return;
+            }
+
+            if ( typeof event.deltaY !== 'undefined' ) {
+                delta = event.deltaY;
+
+                if ( typeof event.deltaMode !== 'undefined' && event.deltaMode === event.DOM_DELTA_LINE ) {
+                    delta *= 20;
+                }
+            } else {
+                delta = -event.wheelDelta;
+            }
+
+            // Reverse direction for MacOS
+            if ( env.mac ) {
+                delta *= -1;
+            }
+
+            event.preventDefault();
+
+            if ( ( docElement.scrollTop === 0 && delta < 0 ) ||
+                ( docElement.clientHeight + docElement.scrollTop === docElement.scrollHeight && delta > 0 ) ) {
+
+                return;
+            }
+
+            if ( env.webkit ) {
+                doc.body.scrollTop += delta;
+            } else {
+                docElement.scrollTop += delta;
+            }
+        });
     });