Opened 3 years ago

Last modified 3 years ago

#14797 confirmed Bug

[iPad Mini] Unable to scroll horizontally in CKEditor

Reported by: Anna Tomanek Owned by:
Priority: Normal Milestone:
Component: General Version: 4.5.2
Keywords: Oracle iOS Cc: satyasameer.kh@…

Description

Reported on Zoho as tickets 18892 and 18929.

We are using 4.5.2 version of ckeditor in Oracle PeopleSoft application page.

We are facing following issue on the iPad mini device (browser details attached) and this issue is seen in "Standard editor" on http://ckeditor.com/demo website also.

Steps to reproduce

  1. In the editor area type the text continuously till it crosses the editor frame limit.

Expected result

It should be possible to scroll the editor content horizontally and the cursor should stay in the editor.

Actual result

The cursor focus moves out & also unable to scroll horizontally.

Other details (browser, OS, CKEditor version, installed plugins)

Mobile Safari 9 on iOS 9.2

Attachments (2)

IpadMiniBrowerDetail.PNG (262.2 KB) - added by Anna Tomanek 3 years ago.
CKEditor_horizantalScrollIssue.PNG (426.4 KB) - added by Anna Tomanek 3 years ago.

Download all attachments as: .zip

Change History (4)

Changed 3 years ago by Anna Tomanek

Attachment: IpadMiniBrowerDetail.PNG added

Changed 3 years ago by Anna Tomanek

comment:1 Changed 3 years ago by kkrzton

Status: newconfirmed

I can confirm this is a valid issue.

After investigating it further it seems this issue is caused by the fact that editable container has no explicit width definition (it fits into its parent element). If the width is defined, it works fine (the long content is wrapped correctly). See this sample: http://codepen.io/f1ames/pen/GNewam.

comment:2 Changed 3 years ago by kkrzton

One important thing is that this is a native Mobile Safari issue. Same invalid behavior happens inside plain contenteditable element, can be tested here: http://codepen.io/f1ames/pen/BQbGVZ.

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