diff --git a/CHANGES.md b/CHANGES.md index 441fb7a4a66..1501a4548b4 100644 --- a/CHANGES.md +++ b/CHANGES.md @@ -11,6 +11,7 @@ CKEditor 4 Changelog * [#10146](http://dev.ckeditor.com/ticket/10146): [Firefox] Empty lines are being removed while config#enterMode is ENTER_BR. * [#6504](http://dev.ckeditor.com/ticket/6504): Resolved race condition while loading several customConfig files. * [#10298](http://dev.ckeditor.com/ticket/10298): Data processor breaks attributes containing protected parts. +* [#9945](http://dev.ckeditor.com/ticket/9945): [iOS] Scrolling not possible on iPad. ## CKEditor 4.1.1 diff --git a/core/env.js b/core/env.js index 95a157f5c15..b04fcc70280 100644 --- a/core/env.js +++ b/core/env.js @@ -306,6 +306,9 @@ if ( !CKEDITOR.env ) { if ( env.air ) env.cssClass += ' cke_browser_air'; + if ( env.iOS ) + env.cssClass += ' cke_browser_ios'; + return env; })(); } diff --git a/skins/kama/mainui.css b/skins/kama/mainui.css index 7ad9e551816..b3ca86f2852 100644 --- a/skins/kama/mainui.css +++ b/skins/kama/mainui.css @@ -133,6 +133,13 @@ Special outer level classes used in this file: white-space: normal; } +/* On iOS we need to manually enable scrolling in the contents block. (#9945) */ +.cke_browser_ios .cke_contents +{ + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} + /* The resizer is the small UI element that is rendered at the bottom right part of the editor. It makes is possible to resize the editor UI. */ .cke_resizer diff --git a/skins/moono/mainui.css b/skins/moono/mainui.css index 6b6889598ab..fe7ee07ab02 100644 --- a/skins/moono/mainui.css +++ b/skins/moono/mainui.css @@ -147,6 +147,12 @@ Special outer level classes used in this file: filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffebebeb', endColorstr='#cfd1cf'); } +/* On iOS we need to manually enable scrolling in the contents block. (#9945) */ +.cke_browser_ios .cke_contents +{ + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} /* The resizer is the small UI element that is rendered at the bottom right part of the editor. It makes is possible to resize the editor UI. */