Editor mobile & tablet preview is collapsed if metaboxes are present

[dreamwhisper]

If metaboxes are present, the block editor collapses the content area when viewing the mobile or tablet previews.

The issue is particularly evident if the metaboxes are open, where the content area shows as a narrow block that displays no content.

It is not evident to the user that it is necessary to collapse the metaboxes to view the preview. The resulting appearance is that the mobile / tablet previews are broken for the theme.

It would be a better user experience if one of the following were true:

• Metaboxes are not pinned to the bottom of the editor mobile / tablet previews.
• Metaboxes are hidden on mobile / tablet previews.
• Metaboxes are closed in mobile / tablet previews.

[dreamwhisper]

metaboxes in mobile previews

[afercia]

Thanks @dreamwhisper. Yep, the previews aren't ideal when there are expanded metaboxes.

Setting the milestone to 5.5 as I'd tend to think this should be fixed for the release (the mobile and tablet previews are new features in 5.5). Of course will defer final decision to the release coordinator and the release team.

Will add a couple screenshots.

[afercia]

Of course, it varies depending on the screen size but this is the Tablet preview on my laptop

[afercia]

And this is the Mobile preview

[whyisjake]

It would be great to get this is 5.5, but as we ready RC2 today, I don't think this will make the release. Going to milestone to 5.5.1 and we can work on a fix for that release.

[talldanwp]

This was also reported in this issue - ​https://github.com/WordPress/gutenberg/issues/23404, and has now been fixed upstream in the Gutenberg github repo by this PR - ​https://github.com/WordPress/gutenberg/pull/24478.

Thanks for reporting the issue.

[dlh]

#50975 was marked as a duplicate.