Ensure editor mobile zoom works

[simison]

Editor's zoom might be broken on iOS devices:

On my Iphone 11 Pro, running chrome in incognito mode.

[sirreal]

I've been testing via iOS simulators and Safari, and I've been unable to reproduce this error.

I don't have the hardware necessary to test Chrome on a recent iOS device.

[yansern]

I think the quick fix is to find a way to set this to "Mobile" when a mobile browser is detected on editor launch.

[sirreal]

There may be some insights here: WordPress/gutenberg#21102
That might fix any issues like this.

[tjcafferkey]

After some investigation I found that these styles getting applied in the Block Editor from this file (26dde-pb) are causing the issue. Commenting them out appears to fix the issue but we don't want to do that.

I have logged an issue Automattic/block-experiments#152 to understand more about why they exist as I'm sure there's a reason they belong there.

[roo2]

@tjcafferkey @simison @yansern I've raised Automattic/block-experiments#161 which is a potential solution to allow the editor to work intuitively for mobile and still support the current preview mode

[cathymcbride]

@worldomonation this should be fixed from a recent check in. Can you verify that?

[worldomonation]

@worldomonation this should be fixed from a recent check in. Can you verify that?

I took a look. My understanding of the issue is that when entering the editor using an iOS browser, the editor is not sized for the mobile phone screen.

If my understanding is correct, then I can confirm the editor experience on iOS Safari is as I would expect. For more information, please see attached screen recording of my interactions:
https://d.pr/v/O72Sce

[worldomonation]

I also checked the Column block type on mobile and tested the responsive breakpoints:

[worldomonation]

I've also checked on desktop Firefox that following works:

1. insert Layout Grid block.
2. fill in some content in each of the columns.
3. from block options, select Mobile for Responsive Breakpoint.
4. enter preview.
5. change preview mode to Mobile.

The resulting preview is in line with the selected breakpoint.

[johngodley]

This should now be fixed as part of Automattic/block-experiments#161 - the preview dropdown is hidden on mobile, and the grid will display the mobile breakpoint by default.

I'll close this as resolved. If there are remaining problems please create an issue for them here. Thanks!