In Mobile view cancel button's bottom part is hiding behind the options block

[krupalpanchal]

When you add a new section in the post, in Mobile view cancel button's bottom part is hiding behind the block editor's options block. There is a given focus property on a button, So it might need some space below the button to see the proper design.

[krupalpanchal]

Mobile view of adding editor block

[sabernhardt]

Thanks for the report!

The .edit-site-editor__inserter-panel-header container has padding on the top and right, and it might need bottom padding, too.

I also can get stuck tabbing between the Cancel button and the block-editor-inserter__main-area div when I have zoom at 200% on my laptop screen.

[hellofromTonya]

Hello @krupalpanchal,

Welcome back to WordPress Core's Trac!

As @sabernhardt noted, seems bottom padding is needed. That adjustment would be made upstream in the Gutenberg project, packages published, and then updates backported to WordPress Core.

Please report the issue here ​https://github.com/WordPress/gutenberg/issues/new?assignees=&labels=&template=Bug_report.yml. If you don't mind, please copy and paste the issue URL as a comment back here in this Trac ticket, i.e. to bind the 2 issue reports together. Thank you!

[hellofromTonya]

I'll move this ticket into 5.9.1 for visibility. Once reported upstream, this ticket can be closed as it'll be tracked, investigated, and resolved in Gutenberg.

[krupalpanchal]

Hello @hellofromTonya

I've added an issue on GitHub, and here is the link: ​https://github.com/WordPress/gutenberg/issues/38140

[hellofromTonya]

Awesome, thank you @krupalpanchal 🙌

Tracking and progress will be move to here ​https://github.com/WordPress/gutenberg/issues/38140.

Closing this ticket as reported upstream.