Opened 6 years ago

Closed 6 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 6 years ago by Matthew Leffler

Cc: mattleff@… added

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.

comment:2 Changed 6 years ago by Jakub Ś

Keywords: iOS added; ipad scroll removed

comment:3 Changed 6 years ago by Anna Tomanek

Status: newconfirmed

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 6 years ago by Ivan

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.

Last edited 6 years ago by Ivan (previous) (diff)

comment:5 Changed 6 years ago by Greg

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 in reply to:  5 Changed 6 years ago by Frederico Caldeira Knabben

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 6 years ago by Frederico Caldeira Knabben

Owner: set to Frederico Caldeira Knabben
Status: confirmedassigned

comment:8 Changed 6 years ago by Frederico Caldeira Knabben

Status: assignedreview

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 6 years ago by Olek Nowodziński

Status: reviewreview_passed

comment:10 Changed 6 years ago by Olek Nowodziński

Resolution: fixed
Status: review_passedclosed

Merged fix into master, dev (​git:ff0947a).

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