What you see is a known bug in WordPress 6.1. The core developers had a ticket about it here: https://core.trac.wordpress.org/ticket/56970
Currently, the task to fix is with the Gutenberg team: https://github.com/WordPress/gutenberg/issues/45713
Aadd this to your Additional CSS in the Customizer if you want to fix it yourself in the meantime:
.is-layout-flex {
display: flex;
}
Thread Starter
dtp2
(@dtp2)
Ok, thank you for confirming and the temp fix.
Hey,
thanks again for reporting this issue. We’re currently investigating it, but we’re having a bit of a hard time reproducing it.
Would you mind providing us with some more information about the website where you’ve encountered the issue?
If you’re comfortable sharing the following, could you please let us know:
– The theme you’re using.
– The list of active plugins.
– Which hosting provider you’re using.
– If the page source of the site you’re having problems with contains a <style id='global-styles-inline-css'>
tag. If yes, we’d also ask you to share it’s contents (i.e. after that tag and before the corresponding closing </style>
tag).
Finally — and only if you’re comfortable doing so; we don’t generally recommend it on a production site: Would you mind trying to install and activate the Gutenberg plugin? We have a tentative fix that’s present in the latest version, and we’d like to know if it fixes the issue. (If so, we’ll try to get it expedited into a WordPress 6.1.2 release.)
Thanks in advance!