Changeset 29738

Timestamp:

09/12/2014 01:20:09 AM (12 years ago)

Author:

azaozz

Message:

Editor expand: hide TinyMCE float panels and tooltips when scrolling, props avryl, fixes #29516 for trunk.

File:

• trunk/src/wp-admin/js/editor-expand.js (modified) (6 diffs)

trunk/src/wp-admin/js/editor-expand.js

@@ -3 +3 @@
 window.wp = window.wp || {};
 
-jQuery( document ).ready( function($) {
+jQuery( document ).ready( function( $ ) {
     var $window = $( window ),
         $document = $( document ),
@@ -149 +149 @@
     // We need to wait for TinyMCE to initialize.
     $document.on( 'tinymce-editor-init.editor-expand', function( event, editor ) {
+        var hideFloatPanels = _.debounce( function() {
+            ! $( '.mce-floatpanel:hover' ).length && tinymce.ui.FloatPanel.hideAll();
+            $( '.mce-tooltip' ).hide();
+        }, 1000, true );
+
         // Make sure it's the main editor.
         if ( editor.id !== 'content' ) {
@@ -225 +230 @@
         // Adjust when switching editor modes.
         function mceShow() {
+            $window.on( 'scroll.mce-float-panels', hideFloatPanels );
+
             setTimeout( function() {
                 editor.execCommand( 'wpAutoResize' );
@@ -232 +239 @@
 
         function mceHide() {
+            $window.off( 'scroll.mce-float-panels' );
+
             setTimeout( function() {
                 var top = $contentWrap.offset().top;
@@ -252 +261 @@
             // Adjust when the editor resizes.
             editor.on( 'setcontent wp-autoresize wp-toolbar-toggle', adjust );
+
+            $window.off( 'scroll.mce-float-panels' ).on( 'scroll.mce-float-panels', hideFloatPanels );
         };
 
@@ -259 +270 @@
             editor.off( 'hide', mceHide );
             editor.off( 'setcontent wp-autoresize wp-toolbar-toggle', adjust );
+
+            $window.off( 'scroll.mce-float-panels' );
         };