Skip to content

Post Editor: List View has no close button on mobile viewports #48982

Description

@talldan

Description

On mobile viewports List View doesn't have a close button, so there's probably no way of closing it.

Usually this wouldn't be too much of an issue, as there's no way to open List View on mobile viewports. But if a user has the 'Always open List View' preference enabled, List View fills the whole screen when entering the editor and there's no way to get rid of it, essentially making the editor unusuable

The tabs also look a little buggy visually.

Step-by-step reproduction instructions

  1. Open the post editor
  2. Enable the 'Always open List View' preference.
  3. Resize your browser to mobile size
  4. Refresh

Expected: There's a way to close List View AND/OR List View doesn't show on mobile viewports
Actual: There's no close button and List View fills the whole screen 😱

Screenshots, screen recording, code snippet

Screen Shot 2023-03-10 at 11 55 11 am

Environment info

Latest WordPress trunk (with or without the Gutenberg plugin active at latest trunk)
Discovered using Brave / Mac OS

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

Metadata

Metadata

Labels

Mobile WebViewport sizes for mobile and tablet devices[Feature] List ViewMenu item in the top toolbar to select blocks from a list of links.[Package] Edit Post/packages/edit-post[Priority] HighUsed to indicate top priority items that need quick attention[Type] RegressionRelated to a regression in the latest release

Type

No type
No fields configured for issues without a type.

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions