TinyMCE: remove reposition delay on showing the image toolbar. Not needed when no animation. Fixes #30670.

Built from https://develop.svn.wordpress.org/trunk@30829


git-svn-id: http://core.svn.wordpress.org/trunk@30819 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-includes/css/editor-rtl.css

@@ -165,6 +165,7 @@ div.mce-inline-toolbar-grp {
 	box-sizing: border-box;
 	margin-bottom: 8px;
 	position: absolute;
+	visibility: hidden;
 	-moz-user-select: none;
 	-webkit-user-select: none;
 	-ms-user-select: none;
@@ -256,6 +257,10 @@ div.mce-inline-toolbar-grp.mce-arrow-full > div {
 	overflow-x: auto;
 }
 
+div.mce-inline-toolbar-grp-active {
+	visibility: visible;
+}
+
 div.mce-toolbar-grp > div {
 	padding: 3px;
 }

wp-includes/css/editor.css

@@ -165,6 +165,7 @@ div.mce-inline-toolbar-grp {
 	box-sizing: border-box;
 	margin-bottom: 8px;
 	position: absolute;
+	visibility: hidden;
 	-moz-user-select: none;
 	-webkit-user-select: none;
 	-ms-user-select: none;
@@ -256,6 +257,10 @@ div.mce-inline-toolbar-grp.mce-arrow-full > div {
 	overflow-x: auto;
 }
 
+div.mce-inline-toolbar-grp-active {
+	visibility: visible;
+}
+
 div.mce-toolbar-grp > div {
 	padding: 3px;
 }

wp-includes/js/tinymce/plugins/wpeditimage/plugin.js

@@ -309,16 +309,12 @@ tinymce.PluginManager.add( 'wpeditimage', function( editor ) {
 	}
 
 	floatingToolbar.on( 'show', function() {
-		var self = this;
-
 		toolbarIsHidden = false;
 
-		setTimeout( function() {
-			if ( self._visible ) {
-				DOM.addClass( self.getEl(), 'mce-inline-toolbar-grp-active' );
-				self.reposition();
-			}
-		}, 100 );
+		if ( this._visible ) {
+			this.reposition();
+			DOM.addClass( this.getEl(), 'mce-inline-toolbar-grp-active' );
+		}
 	} );
 
 	floatingToolbar.on( 'hide', function() {