Opened 13 years ago
Closed 13 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) it's impossible to scroll in the standard ckeditor demo here http://ckeditor.com/demo, but at the same time scrolling works in the comments for any of the addons, for example here http://ckeditor.com/addon/autogrow
The situation is the same with the iPad (iOs version 5.1.1). It's possible to scroll text in the ckeditor (if the text is bigger that the area) in the comments for addons here http://ckeditor.com/addon/autogrow, while it's impossible to scroll the text which is in the demo section in the standard and full editors here http://ckeditor.com/demo and here http://ckeditor.com/demo#full
The strange thing is that the version of the editor used in demos and for addon comments is the same: CKEditor 4.0.1 (revision d02739b)! How is that possible?
comment:5 follow-up: 6 Changed 13 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 13 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 13 years ago by
| Owner: | set to Frederico Caldeira Knabben |
|---|---|
| Status: | confirmed → assigned |
comment:8 Changed 13 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 13 years ago by
| Status: | review → review_passed |
|---|
comment:10 Changed 13 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.