[iOS] Editing in ipad scrolling issue

[Dan Sargeant]

Editing scrolled content using the ipad is very erratic and impossible to use in some cases. There needs to be plenty of content so the editor needs to scroll. This can easily be reproduced using the standard editor demo page at ckeditor.com/demo#standard.

Using an ipad, go to the standard editor demo page and scroll down a bit to the editor. Then scroll to the bottom of the content, place the cursor at the end and begin typing. Hit enter a few times to create a few new lines and type some more content.

You should notice that the scroll position of the page jumps around and the scroll position of the content jumps around too. There does not seem to be consistency of what happens when and I have had a couple of times when it seemed stable but refreshing the page and trying again caused the issue to reappear.

Tested on an ipad2 with iOS 6.1.3

[Jakub Ś]

We had similar issue reported #9945 but it was fixed in CKEditor 4.1.2. Are you by any chance using older version of CKEditor or this issue can be reproduced despite the fix?

[Dan Sargeant]

Definately using version 4.2 and as mentioned this issue is present on the demo page, which is version 4.2 as well.

[Piers Taylor]

We have the same problem using the iPad and CKEditor 4 in our application.

We get the same issues that are described above for your Demo site - tested today.

More specifically, in the following test case:

• Go to the Demo page ​http://ckeditor.com/demo#standard
• Scroll to the bottom of the editor
• Tap the space to the right of the word Wikipedia.org
• Tap Return three times

...the document scrolls to the top and the content becomes hard or impossible to scroll. On occasion, part of the text disappears entirely.

We do note, however, that the demo that uses a DIV rather than an iFrame does not exhibit this behaviour and seems to work as expected.

[Jakub Ś]

A concern about fixing this issue was raised on our support channel.

[Jakub Ś]

This issue could be related or same as #14759

Other issues which concern scrolling on iPad are #11730, #10694, #14836, #12749 and #16785.

[kkrzton]

Following steps from comment:3 I can reproduce this issue in Safari on iPad 9.3.1 and CKEditor 4.5.11.

[helix]

I was having this issue with CKEdtior 4.5.8 and IOS 10 on iphone. When the content in the iframe was larger than the displayed area of the editor, any edit of the text would cause the iframe to scroll to the very bottom. I was able to resolve it temporarily by setting height:auto in the css on the div wrapping the iframe. This is unwieldy for large amounts of text, but at least makes it usable for now.

[m-turek]

I have checked this issue with latest CKEditor 4.6.2. Results are described below. Here are the reproduction steps:

Open a page with CKEditor4 sample containing a lot of content so that it has to be scrolled to view entire content. Scroll down to the bottom. Input new character at the bottom of the editor's content. Keep inputting new characters one by one and observe. I have checked this issue with latest CKEditor 4.6.2 on iOS 10.2.1 and Safari 10.0 (iPad). The result is: when typing additional text, the editor's content is scrolled up to the beginning. It is also impossible to scroll the editor then. After typing another character the scroll is restored to correct position. Typing another character scrolls to the top again. Broken scroll occurs after every two characters of added text.

I have also checked on iOS 9.3.5 and Safari 9.0. The result is: when typing additional text, the editor's content is scrolled up. It is also impossible to scroll the editor then. After typing another character the scroll position is changed (however the new typed text is not visible). Typing another character scrolls up again. Scroll position switches between two states after every input character.