Opened 8 years ago
Last modified 8 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
- 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)
Change History (4)
Changed 8 years ago by
| Attachment: | IpadMiniBrowerDetail.PNG added |
|---|
Changed 8 years ago by
| Attachment: | CKEditor_horizantalScrollIssue.PNG added |
|---|
comment:1 Changed 8 years ago by
| Status: | new → confirmed |
|---|
comment:2 Changed 8 years ago by
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.
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.