Grammarly Extension Causing WordPress Post Editor to Shake

Posted on by Prakash Tiwari
Grammarly Extension

Grammarly is one of the best tools for error-free writing online. Many users rely on Grammarly to catch grammar mistakes and improve writing. What if Grammarly stopped working with your WordPress? Some users have reported an annoying issue: the WordPress post editor shakes or flickers when using the Grammarly browser extension. This mainly happens with WordPress Classic Editor or Gutenberg Editor. If you also have the same problem, like the Grammarly extension is causing the WordPress editor to shake, let’s fix this now. 

In this guide, I’ll explain why this happens and show you how to fix it.

Why Does the WordPress Editor Shake with Grammarly?

The issue happens because Grammarly interacts with the WordPress post editor’s text fields in real-time. The editor’s rich text formatting and Grammarly’s suggestions don’t always work smoothly together. This conflict causes the editor to flicker or shake.

Steps to Fix Grammarly Causing Shaking in WordPress Editor

Let’s dive into simple solutions to stop this problem.

1. Disable Grammarly for WordPress

You can disable Grammarly for specific sites, like your WordPress editor while keeping it active elsewhere.

Steps to Disable Grammarly on WordPress:

  1. Open your WordPress post editor.
  2. Click the Grammarly icon in the browser toolbar (usually in the top-right corner).
  3. In the Grammarly popup, click Settings (gear icon).
  4. Toggle the switch to disable Grammarly on this site.

Disabling Grammarly for WordPress stops the shaking issue while allowing you to use it on other websites.

2. Use Grammarly’s Desktop App Instead

Grammarly offers a desktop app that doesn’t interfere with the WordPress editor. It allows you to fix grammatical errors in the desktop app itself.

How to Use Grammarly’s Desktop App:

  1. Download and install the Grammarly desktop app from their website.
  2. Write your content directly in the Grammarly app.
  3. Copy the text from Grammarly and paste it into the WordPress editor.

This method ensures smooth editing without any flickering or compatibility issues.

3. Switch to the WordPress Code Editor

The WordPress editor has two modes: Visual Editor and Code Editor. Grammarly usually affects the Visual Editor, but switching to the Code Editor can avoid the problem.

How to Switch to Code Editor:

  1. Click the three dots in the top-right corner of the WordPress post editor.
  2. Select Code Editor from the dropdown menu.
  3. Write your post or paste text into the Code Editor.

After finishing, switch back to the Visual Editor if needed.

4. Disable Grammarly While Writing

If you prefer using the WordPress editor without switching apps, you can temporarily turn off Grammarly.

Steps to Temporarily Disable Grammarly:

  1. Right-click in the WordPress post editor.
  2. Click Grammarly Suggestions > Turn Off Grammarly for This Field.
  3. Continue writing without interruptions.

This method disables Grammarly only for the current text field.

5. Update Your Browser and Extensions

Outdated browsers or extensions can cause compatibility issues. Make sure everything is updated.

How to Update:

  1. Update your browser:
    • In Chrome, click the three dots in the top-right corner.
    • Go to Help > About Google Chrome.
    • Chrome will automatically check for updates.
  2. Update Grammarly extension:
    • Go to the Extensions Manager in your browser.
    • Check for an update option next to Grammarly.

Keeping your browser and extensions updated ensures better compatibility.

6. Use an Alternative Browser

If the problem persists, try a different browser for your WordPress work. Grammarly works with most major browsers, including Chrome, Firefox, and Edge.

Steps to Use Another Browser:

  1. Download and install a browser you don’t usually use for WordPress.
  2. Log in to your WordPress dashboard in the new browser.
  3. Install Grammarly if needed, or disable it for WordPress, as described earlier.

Sometimes, switching browsers resolves compatibility issues without additional fixes.

7. Check for WordPress Plugin Conflicts

Some WordPress plugins can also conflict with Grammarly, making the editor shake.

How to Identify Plugin Conflicts:

  1. Go to Plugins > Installed Plugins in your WordPress dashboard.
  2. Deactivate all plugins temporarily.
  3. Reactivate them individually, checking if the issue reappears after enabling each plugin.

If a plugin causes the problem, consider finding an alternative or disabling Grammarly for WordPress.

8. Report the Issue to Grammarly

If none of the above methods work, contact Grammarly’s support team. They can offer guidance or fixes for the issue.

Steps to Contact Grammarly Support:

  1. Go to the Grammarly Support page.
  2. Submit a ticket explaining the problem.
  3. Include details like your browser, WordPress version, and Grammarly version.

Grammarly regularly updates its software, so reporting issues helps them improve compatibility.

Conclusion

The Grammarly extension can make writing more manageable, but it sometimes clashes with the WordPress editor, causing the page to shake or flicker. By disabling Grammarly for WordPress, using the desktop app, or switching to the Code Editor, you can fix this issue and work smoothly. Follow these steps to enjoy a hassle-free WordPress writing experience while keeping Grammarly’s benefits.