Opened 13 years ago
Closed 12 years ago
#9945 closed Bug (fixed)
Scroll not working on iPad
| Reported by: | andershjort | Owned by: | Frederico Caldeira Knabben |
|---|---|---|---|
| Priority: | Normal | Milestone: | CKEditor 4.1.2 |
| Component: | General | Version: | 4.0.1 |
| Keywords: | iOS | Cc: | mattleff@… |
Description
When trying the Standard or Full Featured Demo on an iPad, scrolling is not possible.
Possibly same issue as #8642.
Change History (10)
comment:1 Changed 13 years ago by
| Cc: | mattleff@… added |
|---|
comment:2 Changed 13 years ago by
| Keywords: | iOS added; ipad scroll removed |
|---|
comment:3 Changed 13 years ago by
| Status: | new → confirmed |
|---|
I can cofirm that in iOS 6.0 (10a403) it's impossible to scroll the text inside the editor, the whole page scrolls instead. There are no scrollbars available either.
Additionally, when I click Enter at the end of the visible text, the cursor is shown outside the editor window (below it). However, when I start to type, the words are entered correctly.
Tested on our Standard demo site.
comment:4 Changed 13 years ago by
On iPhone (iOs version 6.0.1) and iPad (iOs version 6.1) it's impossible to scroll in the standard and full ckeditor demo here http://ckeditor.com/demo and here http://ckeditor.com/demo#full.
At the same time scrolling IS possible for the div based ckeditor, for example in the comments here http://ckeditor.com/addon/autogrow
So it seems that scrolling is not possible for the iframe version of the editor. It would be great if the iframe version also supported scrolling on iPhone and iPad.
comment:5 follow-up: 6 Changed 12 years ago by
In iOS 6.1.3 on the iPad, if you add these styles to the iframe parent node (I'm doing by setting the css class in javascript after the editors load), it does allow scrolling of the ckeditor content. It doesn't seem to adversely affect any desktop browsers.
overflow-y:auto; -webkit-overflow-scrolling:touch
comment:6 Changed 12 years ago by
| Milestone: | → CKEditor 4.1.2 |
|---|
Replying to gregt79:
Thanks for the tip. We gonna give it a try and hopefully include this fix in the next release.
comment:7 Changed 12 years ago by
| Owner: | set to Frederico Caldeira Knabben |
|---|---|
| Status: | confirmed → assigned |
comment:8 Changed 12 years ago by
| Status: | assigned → review |
|---|
Fix pushed on t/9945.
Unfortunately that style was touching other browsers as well, so I got to introduce a specific CSS class for iOS on CKEDITOR.env.
comment:9 Changed 12 years ago by
| Status: | review → review_passed |
|---|
comment:10 Changed 12 years ago by
| Resolution: | → fixed |
|---|---|
| Status: | review_passed → closed |
Merged fix into master, dev (git:ff0947a).

I can reproduce this issue as well, with iOS 6.0.1. If you long tap and drag down you can drag the selection point down the page but otherwise it is not possible to scroll.