WordPress.org

Make WordPress Core

Opened 6 months ago

Closed 6 months ago

Last modified 6 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 6 months ago.
metaboxes in mobile previews
50819 01.png (303.4 KB) - added by afercia 6 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 6 months ago.
And this is the Mobile preview

Download all attachments as: .zip

Change History (7)

@dreamwhisper
6 months ago

metaboxes in mobile previews

#1 @afercia
6 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
6 months ago

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

@afercia
6 months ago

And this is the Mobile preview

#2 @whyisjake
6 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
6 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 6 months ago by talldanwp (previous) (diff)

#4 @dlh
6 months ago

#50975 was marked as a duplicate.

Note: See TracTickets for help on using tickets.