The Gutenberg editor is a mess after the latest update

Hi @bobolinps

Honestly, that’s strange as we are sure that we have tested this very thoroughly. I think I know what’s happening on your end and it isn’t a theme issue.

Gutenberg’s styles are usually cached and you might need to clear this cache. Please go to Gutenberg’s settings, turn off the “use theme styles” option, save changes, refresh then turn the option back on again — https://ibb.co/tBLtVLb

This should refresh the Gutenberg styles cache. Let me know if this works!

Thanks.

Another bug with this update:
Using a classic edit block with image+text, image left-aligned so that the text flows around the image, the image goes off-screen to the left. The problem is with the CSS rule “.entry-content .alignleft”. This doesn’t seem to be due to browser caching, and I’m not using any server-side caching plugins. I’ve done a temporary fix with custom CSS.

(This seems to be the only way to get text wrapped around an image. If anyone knows of another block which does this, let me know!)

Hi @fcwhitford

I’m really sorry, but the classic editor has never been supported in Blocksy, as it is legacy technology. Things might break as we adjust other elements for the Gutenberg editor, as that is the future of WordPress.

Also, as a side note, the default image block does support wrapping text around it. Simply align it to the left or right and you should be good to go — https://ibb.co/HXKN1TH
https://ibb.co/f9F9dPJ

Hope this clears things up!

Thanks for the tip about using an image block, which I hadn’t figured out, but this has the same problem. I’m using the GenerateBlocks plugin to create a tiled layout, with text and images in container blocks. The image is outside the container to the left. It moves to the correct position when the following CSS rule in main.min.css is disabled:

margin-inline-start: calc(( 100% – min(var(–block-max-width), var(–container-width-base)) )/2);

Perhaps this doesn’t allow for the containing block being a nested block, less than the full page width?

Hi @fcwhitford

You could try putting these directly onto the page. If the flow works there, then it confirms it might be an issue coming from GenerateBlocks. Can you attempt this, please?

Thanks.

The image is positioned correctly when on the page. Here are 2 screenshots:
screenshot2: showing the page with the same image+text directly on the page and inside another block
screenshot1: the html and styles in the developer window
Screenshots

Hi Eduard,

Unfortunately, cleaning the cache did not solve the problem. It still exists.

Hi @bobolinps,
That’s really weird, everything works fine on our installs.

Are you able to make a backup with this plugin and send it to us so we could analyze it?

You can send the backup via email to this address – [email protected]

Hi,

Do you mean backing up the entire site at the file level?

@bobolinps yes, you can make a full backup and send it to us via email.
We will install it on our local environment and will try to debug the issue.

Hope this way we will be able to reproduce it…

Hi,

I’m really sorry, but I can’t do this.

Hey @bobolinps,
Sorry but unfortunately we won’t be able to help you in other way.
This issue seems to happen only on your end and there should be something wrong with your setup…

By the way, can you please send us a link to your website/page where this issue is reproducing?

Hi @creativethemeshq,

Backing up the site with the specified plugin – the archive is above 2GB. Even without the database, media content, and so on, it is 180МB. As you may imagine, this eliminates the option of sending via mail.

Furthermore, the site is monetized, so the proposal to archive and transfer it somewhere is out of the question. I hope that concludes this type of suggestion.

And now for the most crucial part: with the Blocksy theme, the Gutenberg editor (Preferences -> Use theme styles -> Off) looks like this:
https://postimg.cc/pmFJHDhc

With the Twenty Twenty-Three theme temporarily enabled, it looks like this:
https://postimg.cc/t74dT0nx

That is, the problem is visible. I just want to clarify that wiping caches and other similar methods have already been tried and failed. So, I eagerly await your solutions to the issue.

Hello @bobolinps,

Let’s try this way:

1. You can make a staging environment and duplicate your site there.
2. Deactivate/remove all your plugins and scripts that are used to monetize the site.
3. Deactivate/remove all plugins that use sensitive data.
4. Make a backup of your site and upload it to Google Drive or Dropbox
5. Send us the link to download the file via email – [email protected]

Will you be able to send us a backup this way?

Have a wonderful week!

Hi @creativethemeshq,

Great idea. It’s done.