Make WordPress Core

Opened 18 months ago

Closed 18 months ago

Last modified 18 months ago

#50819 closed defect (bug) (reported-upstream)

Editor mobile & tablet preview is collapsed if metaboxes are present

Reported by: dreamwhisper Owned by:
Milestone: Priority: normal
Severity: normal Version: 5.5
Component: Editor Keywords: needs-patch
Focuses: ui Cc:

Description

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.

Attachments (3)

metaboxes.png (309.9 KB) - added by dreamwhisper 18 months ago.
metaboxes in mobile previews
50819 01.png (303.4 KB) - added by afercia 18 months ago.
Of course, it varies depending on the screen size but this is the Tablet preview on my laptop
50819 02.png (302.7 KB) - added by afercia 18 months ago.
And this is the Mobile preview

Download all attachments as: .zip

Change History (7)

@dreamwhisper
18 months ago

metaboxes in mobile previews

#1 @afercia
18 months ago

  • Component changed from General to Editor
  • Focuses ui added
  • Keywords needs-patch added
  • Milestone changed from Awaiting Review to 5.5

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
18 months ago

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

@afercia
18 months ago

And this is the Mobile preview

#2 @whyisjake
18 months ago

  • Milestone changed from 5.5 to 5.5.1

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.

#3 @talldanwp
18 months ago

  • Milestone 5.5.1 deleted
  • Resolution set to reported-upstream
  • Status changed from new to closed

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.

Last edited 18 months ago by talldanwp (previous) (diff)

#4 @dlh
18 months ago

#50975 was marked as a duplicate.

Note: See TracTickets for help on using tickets.