Wp-calypso: Classic editor's editing area shrinking on iOS 13

Created on 15 Oct 2019  ยท  11Comments  ยท  Source: Automattic/wp-calypso

When using the classic Editor on an ipad mini, the editing area gets shunk.

Screen Shot 2019-10-15 at 16 20 53

Steps to reproduce

  1. Switch a site back to the Classic Editor
  2. Add dummy content to the post.
  3. View the post in Responsive Design Mode from Developer Tools set to ipad Mini 4.
  4. Refresh the page.

What I expected

The editing area would expand to fit the entire screen.

What happened instead

The editing area shrinks to be less than half of the page.

It appears to be a set height that is added to the iframe of the tinymce that is doing this.

Screen Shot 2019-10-15 at 16 25 19

Browser / OS version

iPad mini 4, iPad OS 13.1.2, Google Chrome/Safari/Firefox

Screenshot / Video

Video: https://cld.wthms.co/oMatiG

Context / Source

2409148-zen

Editor [Pri] BLOCKER [Type] Bug

All 11 comments

This seems to be the same issue as reported here as well

https://github.com/Automattic/wp-calypso/issues/36714#issue-506605867

Got another report here 2417542-zen

Ran a couple of tests and found out it is not only happening on iPad mini but also on iPhone, and it is specific to iOS 13 (iOS 12 and Android works well).

Updating the GH issue title :)

Very interesting and good catch!

Another report here: #2459594-zen

IOS 13.1.3 Ipad Pro.

Another report here: #16462227-hc

@apeatling Heads up - this severely breaks the classic Calypso editor on iOS devices.

Found another case in #2511869-zen.

Thanks for the report.

Just to set clear expectations, supporting the old Classic editor is lower priority for teams versus building compatibility and quality in the Gutenberg editor.

Bumping this to critical since it's a rough one, and adding to Serenity's board after a chat with Kerry. They'll prioritize it accordingly.

This can be reproduced on Safari desktop by forcing an iOS user agent:

image

I can also reproduce with @mmtr 's tip in Safari. The difference is definitely the height attribute on the edit content iframe; I wonder if it's something involving resize.

Was this page helpful?
0 / 5 - 0 ratings