Main editor layout issue

Hi, Im having the same issue. Can this be fixed?

Hello Marko,

I don’t know if it may help you but I found the cause of the problem.

When you toggle a box, a postbox-toggled event is fired. This event is then catched by an event handler which is declared in file wp-admin/js/editor-expand.js at line 640.

// Adjust when collapsing the menu, changing the columns, changing the body class.
			$document.on( 'wp-collapse-menu.editor-expand postboxes-columnchange.editor-expand editor-classchange.editor-expand', adjust )
				.on( 'postbox-toggled.editor-expand', function() {
					if ( ! fixedSideTop && ! fixedSideBottom && window.pageYOffset > pinnedToolsTop ) {
						fixedSideBottom = true;
						window.scrollBy( 0, -1 );
						adjust();
						window.scrollBy( 0, 1 );
					}

					adjust();
				}).on( 'wp-window-resized.editor-expand', function() {
					if ( mceEditor && ! mceEditor.isHidden() ) {
						mceEditor.execCommand( 'wpAutoResize' );
					} else {
						textEditorResize();
					}
				});

This code adjusts the editor width and, because it’s set to display: none, it set the width to 0px on the div#wp-content-editor-tools… which breaks the editor. I think the logic which resize the editor is in the textEditorResize function which is called by the adjust function called by the previous piece of code.

Maybe firing this postbox-toggled event when the tab with the editor is activated may solve the problem?

jQuery(document).trigger('postbox-toggled')

Simply resizing the window also repair the editor… so there is probably another event which may trigger the resizing of the editor

This editor-expand.js exposes 2 functions:

window.editorExpand.on()
window.editorExpand.off()

You can also set/get the setting (on/off):

window.getUserSetting( 'editor_expand' );
window.setUserSetting( 'editor_expand', 'off' );

Maybe you already figured all these things 😉

same (minor) issue here, besides that: nice plugin!