Changeset 30256

Timestamp:

11/06/2014 08:11:03 AM (12 years ago)

Author:

nacin

Message:

Editor expand: hide TinyMCE float panels and tooltips when scrolling.

Merges [29738] to the 4.0 branch.

props avryl.
see #29516.

Location:

branches/4.0

Files:

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

branches/4.0/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' );
                 };