Large theme and plugin metaboxes are overlaid over the backend block editor when switching preview modes

[quantum_leap]

There is a bug with WP 5.9 and some plugins and themes that use meta boxes at the bottom.

Steps to reproduce:

1. On a clean install with any default WP theme, install Yost SEO with any default WP theme.
2. Go to a page edit mode and switch preview modes. Come back to the Desktop view. The Yoast metabox is over the page content! The issue is fixed when the admin edit page is refreshed.

That also happens with other themes and plugins that use large metaboxes at the bottom thus making the whole editing experience very uncomfortable since with every responsive preview switch you would have to update and refresh the page!

[audrasjb]

Hello and thank you for opening this ticket,

I can reproduce the issue using Yoast SEO, but I can't reproduce it using other plugins like Advanced Custom Fields. Let's investigate.
Moving for 5.9.1 consideration.

[audrasjb]

Ok it was already reported on Gutenberg repository: ​https://github.com/WordPress/gutenberg/issues/38062

But let's keep this ticket open to make sure it's addressed if needed for 5.9.1.

[quantum_leap]

Hey, thanks.

If you make the content large enough, you will see it happening with ACF, too!

[amboutwe]

I reproduced the issue in a new local install with no plugins and the Twenty Twenty-One (2021) theme. The behavior does not happen in WP 5.8.2, so it's a regression. It also happens with the new Twenty Twenty-Two theme.
​
​Screencasts using 2021 theme:
​WP 5.8.2 ​https://drive.google.com/file/d/1TKvN46Hn8BfU67x2iA6E6mumg9wBvf1w/view
WP 5.9 ​​https://drive.google.com/file/d/1H3vNznRxFkSh5TsdVjuSLXf9kLYIbye_/view

[hellofromTonya]

5.9.1. is happening in a few hours. Since the ​issue is still open and unresolved, moving this ticket to 5.9.2.

[rafiahmedd]

@quantum_leap I tried to reproduce the issue however I can't. The setup was WP v5.9.1 themes that I used: Twenty Twenty-Two, Twenty Twenty & Twenty Twenty-One.

Thanks

[quantum_leap]

@rafiahmedd Here is what's happening with WP 5.9.1 and Twenty Twenty-two. Displays fine after a refresh.

​https://www.loom.com/share/1fd986d1f91444e7848b1e9aa7d2a8ce

[audrasjb]

The issue was introduced in version 5.9, not 5.9.1 :)

Thanks for the additional testing by the way :)

[quantum_leap]

@audrasjb Apologies, my mistake, thanks for the correction!

[audrasjb]

Moving to milestone 5.9.3 since we're about to release 5.9.2.

[audrasjb]

Since this ticket was fixed upstream and as it's marked for backport to the next point release, we can safely close this ticket as reported-upstream. Thank you all for reporting the issue :)

​https://github.com/WordPress/gutenberg/issues/38062