Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Inline inserter too narrow and illegible on small screen devices #41917

Open
dcalhoun opened this issue Jun 23, 2022 · 0 comments
Open

Inline inserter too narrow and illegible on small screen devices #41917

dcalhoun opened this issue Jun 23, 2022 · 0 comments
Labels
[Feature] Inserter The main way to insert blocks using the + button in the editing interface Mobile Web Viewport sizes for mobile and tablet devices [Type] Regression Related to a regression in the latest release

Comments

@dcalhoun
Copy link
Member

dcalhoun commented Jun 23, 2022 •
edited
Loading

Description

On smaller screens, the inline block inserter does not expand wide enough, which causes the block title within it to be illegible.

Step-by-step reproduction instructions

  1. Create a new post with a small screen device, e.g. mobile phone.
  2. Click/tap a + button within within the post content (e.g. within a Group block) to open the inline inserter.

Screenshots, screen recording, code snippet

Recording: Gutenberg 13.5.0
gutenberg-latest.mov
Recording: WordPress 6.0
gutenberg-core.mov

Inline inserter opened on a small screen contains illegible content because the inserter is too skinny

Environment info

  • WordPress 6.0
  • Gutenberg 13.5.0
  • Theme: Twenty Twenty-Two
  • iPhone SE (iOS 15.6)
  • Safari

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
@dcalhoun dcalhoun added [Type] Bug An existing feature does not function as intended [Feature] Inserter The main way to insert blocks using the + button in the editing interface Mobile Web Viewport sizes for mobile and tablet devices [Type] Regression Related to a regression in the latest release and removed [Type] Bug An existing feature does not function as intended labels Jun 23, 2022
@dcalhoun dcalhoun changed the title Inline inserter skinny and illegible on small screen devices Inline inserter too narrow and illegible on small screen devices Jul 18, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
[Feature] Inserter The main way to insert blocks using the + button in the editing interface Mobile Web Viewport sizes for mobile and tablet devices [Type] Regression Related to a regression in the latest release
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@dcalhoun