• About Us
  • Advertise
  • Archives
  • Contact Us
  • Internet Speed Test
  • Smartphone Prices
Tuesday, March 2, 2021
Tech Pilipinas
  • Home
  • Telecoms
  • Government
  • Fintech
  • Gadgets
  • Mobile
  • Social Media
  • E-commerce
  • Internet
  • Tutorials
  • Deals
  • More
    • Apps
    • Blogging
    • Business
    • Emerging Tech
    • Giveaways
    • News
    • Security
    • WordPress
No Result
View All Result
  • Home
  • Telecoms
  • Government
  • Fintech
  • Gadgets
  • Mobile
  • Social Media
  • E-commerce
  • Internet
  • Tutorials
  • Deals
  • More
    • Apps
    • Blogging
    • Business
    • Emerging Tech
    • Giveaways
    • News
    • Security
    • WordPress
No Result
View All Result
Tech Pilipinas
No Result
View All Result

How to Fix Chrome 77 Bug Breaking the WordPress Gutenberg Editor

Luis Reginaldo Medilo by Luis Reginaldo Medilo
September 14, 2019
in WordPress
0
0
SHARES
860
VIEWS
Share on FacebookShare on Twitter

Many WordPress users have complained that the Gutenberg editor in WordPress was completely broken after the Chrome 77 update.

If you’ve been using WordPress for a long time, you might already be familiar with the Gutenberg editor which replaced the classic editor. Not a few WordPress fans were impressed with Gutenberg, saying that the new editor caused them many problems. I was one of those who didn’t like Gutenberg. However, I tried Gutenberg a few months ago and has grown to like it. It’s not perfect but it works.

I updated Google Chrome to the latest version (Chrome 77) and was shocked to discover that the Gutenberg editor was broken. It seems that the boxes containing the various settings for my plugins like Yoast SEO have overlapped with the editing screen.

Gutenberg error in Chrome 77

Some users on the WordPress subreddit said that the issue is specific to Chrome and not with any plugins, as the same error also happened with other plugins and add-ons.

So I quickly searched for the solution online. I found a few suggestions that caused errors or did nothing, but finally found one that solved the problem.

How to Fix the Gutenberg Error in Chrome 77

Edit your theme’s functions.php by going to Appearance > Editor, logging in to FTP or by using the Cpanel file manager.

Insert the following code:

//Fix Gutenberg error in Chrome 77
add_action(
'admin_head',
function() {
echo '<style>.block-editor-writing-flow { height: auto; }</style>';
}
);

Save or upload the edited file and refresh the Gutenberg editor to check if the error has been fixed.

The bug has already been reported to the Chromium team but a permanent fix is scheduled to be out only on October 22, 2019 or the Chrome 78 update. For the meantime, please use the suggested fix mentioned above to continue using Gutenberg in Chrome 77.

If you have any other fixes to suggest, please comment below.

Don't Miss An Article!
Sign up for our free newsletter and get updated every time we publish a new article. We work very hard to bring you the latest in the Philippine and global tech scene.
We will not share your email address. We really hate spam!
Previous Post

Budget Hotel Chain ZEN Rooms Opens 400 New Rooms in Metro Manila

Next Post

How to Setup and Configure the Xiaomi Mi WiFi Repeater

Luis Reginaldo Medilo

Luis Reginaldo Medilo

Luis is the founder and editor of Tech Pilipinas. He is passionate about technology and how it can change the world for the better.

Related Articles

Black Friday 2018
Deals

The Best Black Friday 2020 Deals for Bloggers, Webmasters and Internet Marketers

November 27, 2020
WordPress

Why WordPress Is One Of The Most Used Platforms

June 25, 2019
Password Protect
Blogging

How to Password Protect Your WordPress Admin Directory

March 17, 2018

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

  • Trending
  • Comments
  • Latest

NBI Clearance Online Application and Registration Step-by-Step Process

February 23, 2020
mobile number prefixes

The Complete List of Mobile Number Prefixes in the Philippines 2021

January 24, 2021
how to get a TIN number

How to Get a TIN Number Online Using the BIR eReg Website

July 20, 2019
Palawan Express rate

Palawan Express Rate Table for 2021

January 24, 2021
enye

How to Type the Enye Letter (ñ) on Your Computer or Laptop

April 17, 2020

How to Transfer Money Online from BDO to BPI and Other Local Banks

88
how to get a TIN number

How to Get a TIN Number Online Using the BIR eReg Website

58

How to Setup and Configure the Xiaomi Mi WiFi Repeater

29

Globe at Home Prepaid WiFi Review and Setup Guide

22

How to Enroll in Landbank iAccess (LBPiAccess) Online Banking

20

How to Check Your Balance in Globe

February 27, 2021

Aller Plasma Orion Series Sterilizers: An Affordable Air Disinfection Solution

February 26, 2021

TNT FB10 Promo: 1GB Facebook Access for 3 Days

February 27, 2021

Globe GoSAKTO120 Promo: 12GB Data, Unli Calls to Globe/TM and Unli All-Net Texts for 7 Days

February 25, 2021

Globe SURF4ALL99 Promo: 9GB Shareable Data for 7 Days

February 24, 2021

Recommended

OPPO A3s

OPPO A3s with 2GB RAM, 6.2-inch Display Launched in the Philippines

July 27, 2018
SSS online registration and application guide

SSS Online Registration and Application Guide: How to Become an SSS Member

May 25, 2019
data breach

Collection #1 Data Breach Exposes Billions of Emails and Passwords – How to Know If Your Account is Compromised

January 18, 2019

Huawei Removed From the SD Association: No More MicroSD Support?

May 24, 2019
Galaxy J2 Core

Samsung Unveils Its First Android Go Phone, the Galaxy J2 Core

August 26, 2018

Latest Smartphones

  • Vivo V20 SE Vivo V20 SE ₱15,999.00 ₱13,999.00
  • Vivo V20 Vivo V20 ₱19,999.00
  • Realme 7i Realme 7i ₱9,990.00
  • Samsung Galaxy M51 Samsung Galaxy M51 ₱19,990.00
  • Xiaomi Mi 10T Pro 5G Xiaomi Mi 10T Pro 5G ₱24,990.00
  • Xiaomi Mi 10T 5G Xiaomi Mi 10T 5G ₱19,990.00
Facebook Twitter Instagram Youtube Pinterest RSS

About Us

Tech Pilipinas is the Philippines’ digital lifestyle blog that focuses on the latest news and updates from the world of technology, computers, electronic gadgets, startups, mobile apps, social media, and many more.

For any inquiries or business proposals, e-mail us: [email protected].

Get it on Google Play

Browse by Category

  • Apps
  • Blogging
  • Business
  • Computers
  • Deals
  • E-commerce
  • Emerging Tech
  • Entertainment
  • Events
  • Fintech
  • Gadgets
  • Gaming
  • Giveaways
  • Government
  • Internet
  • Interviews
  • Mobile
  • News
  • Reviews
  • Security
  • Social Media
  • Software
  • Startups
  • Telecoms
  • Tutorials
  • WordPress

Popular Tags

Android Facebook GCash Globe Google Huawei Lazada mobile wallet online banking online payments online shopping PayMaya PLDT Samsung Shopee Smart smartphone SSS WiFi Xiaomi

Copyright © 2017-2021 Tech Pilipinas. All Rights Reserved. Disclosure Policy | Disclaimer | Privacy Policy

  • Home
  • Categories
    • Apps
    • Blogging
    • Business
    • Computers
    • Deals
    • E-commerce
    • Emerging Tech
    • Gadgets
    • Gaming
    • Giveaways
    • Government
    • Internet
    • Interviews
    • News
    • Reviews
    • Security
    • Social Media
    • Software
    • Startups
    • Telecoms
    • Tutorials
    • WordPress
  • About Us
  • Archives
  • Advertise
  • Contact Us
  • Internet Speed Test
  • Smartphone Prices