Opened 4 years ago

Last modified 8 months ago

#10694 confirmed Bug

[iOS] Editing in ipad scrolling issue

Reported by: Dan Sargeant Owned by:
Priority: Normal Milestone:
Component: General Version:
Keywords: iOS Cc:

Description

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

Change History (10)

comment:1 Changed 4 years ago by Jakub Ś

Status: newpending
Version: 4.3 (GitHub - major)

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?

comment:2 Changed 4 years ago by 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.

comment:3 Changed 4 years ago by 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.

comment:4 Changed 4 years ago by Jakub Ś

Keywords: iOS added
Status: pendingnew

comment:5 Changed 4 years ago by Jakub Ś

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

comment:6 Changed 4 years ago by Jakub Ś

Summary: Editing in ipad scrolling issue[iOS] Editing in ipad scrolling issue

comment:7 Changed 14 months ago by Jakub Ś

This issue could be related or same as #14759

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

Last edited 8 months ago by Jakub Ś (previous) (diff)

comment:8 Changed 14 months ago by kkrzton

Status: newconfirmed

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

Last edited 14 months ago by kkrzton (previous) (diff)

comment:9 Changed 13 months ago by 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.

comment:10 Changed 8 months ago by 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.

Note: See TracTickets for help on using tickets.
© 2003 – 2017 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy