Add Template modal in Mobile Safari has layout issues - WP 6.6

[cuemarie]

Quick summary

In WP 6.6, the Add Template module is off-center and cropped improperly on mobile Safari.

Steps to reproduce

Appearance > Editor > Templates > Add New Template results in this layout:

1. Open a site on WP 6.6 with Gutenberg active or inactive in mobile Safari
2. Open Appearance > Editor > Templates
3. Select Add New Template

What you expected to happen

The Add template module to be centered and fully visible (at least horizontally)

What actually happened

Simple Site, WP 6.6, GB 18.8.0-rc3	Self-Hosted on WP 6.6

Impact

Some

Available workarounds?

No user impact

Platform (Simple and/or Atomic)

Simple, Self-hosted

Logs or notes

Tested on iOS 17.5.1

When you revert to WordPress 6.5.5, the Appearance > Editor > Templates page does not offer an Add Template button at all:

WP 6.5.5

[mrfoxtalbot]

Thanks for the report, @cuemarie!

I see you added the Core Fix Needed and in fact, it sounds similar to https://github.com/WordPress/gutenberg/issues/63743

Could you please open an issue in core and cross-reference it to this one?

Thanks again!

[cuemarie]

@mrfoxtalbot since I can replicate it with the Gutenberg plugin inactive or active, I went ahead and reported it in Core instead, here: https://core.trac.wordpress.org/ticket/61818

[mrfoxtalbot]

Thank you @cuemarie but all Gutenberg-related issues are tracked in GH, whether the plugin is active or not.

Could you please close the one in Trac and open one in GH?

Thank you!

[cuemarie]

https://github.com/WordPress/gutenberg/issues/64769

[t-hamano]

This issue has been resolved in Gutenberg 18.9. Please see this comment.

[mrfoxtalbot]

That you SO MUCH @t-hamano! ❤️