• Hello
    I have been using your plugin for quite a while
    There is a problem which happens if the page scrolls and passes the editor causing the wordpress menu and page to kind of shake.
    It must be a css problem.
    At first I thought it is not that important but in long term it is starting to be so annoying.
    I don’t think fixing it takes much time. I really appreciate it thanks.

    Also many thanks for your awesome plugin.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Andrew Ozz

    (@azaozz)

    I’m glad you like it!

    That “shaking’ may be a side effect from another plugin. Maybe try disabling the “Enable full-height editor and distraction-free functionality.” from Screen Options.

    Andrew, I just wanted to send a huge THANK YOU to you for this solution (via the Screen Options). My “shaky WordPress” posts (in edit mode) were driving me nuts and I just assumed it was a PC issue — until I saw your solution. My WP world is now shake-free, and I can’t thank you enough!

    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' );

    Where is the option that @azaozz mentioned? I am not skilled enough to go into the CSS. (frankly to scared too)

    and this screen shaking is giving me migraines. I can only look at the part of the editor that shakes for a few minutes before I get a migraine. So can you please tell me where the screen options are?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Causes wordpress to shake’ is closed to new replies.