Just in case someone arrives here with the same issue and wants to keep “Enable full-height editor” feature, I found a CSS solution to the problem:
.wp-editor-container div.mce-toolbar-grp>div {
padding: 4px;
}
It turns out the original 3px odd number padding doesn’t go well with WP editor script and generates a javascript resize loop, which is the cause of the shaking. Thus, 4px even number fixes the issue.
Steps:
1. Either in your plugin, theme or child theme folder (you have to choose one approach), create a file called ‘fix-mce-shaking.css’ with the following content:
.wp-editor-container div.mce-toolbar-grp>div {
padding: 4px;
}
2A. If you use a plugin, put this code in your plugin PHP file:
function custom_admin_styles() {
wp_enqueue_style('fix-mce-shaking', plugin_dir_url(__FILE__) . 'fix-mce-shaking.css' );
}
add_action( 'admin_enqueue_scripts', 'custom_admin_styles' );
2B. If you want to edit a theme, put this code in your theme’s functions.php file:
function custom_admin_styles() {
wp_enqueue_style('fix-mce-shaking', get_template_directory_uri() . 'fix-mce-shaking.css' );
}
add_action( 'admin_enqueue_scripts', 'custom_admin_styles' );
2C. If your want to edit a child theme, put this code in your child theme’s functions.php file:
function custom_admin_styles() {
wp_enqueue_style('fix-mce-shaking', get_stylesheet_directory_uri() . 'fix-mce-shaking.css' );
}
add_action( 'admin_enqueue_scripts', 'custom_admin_styles' );
