| | 2 | |
| | 3 | This has to do with the fact that the <body> element inside the ckeditor iframe doesn't take up the entire visible area, and the event handling seems to be on the body element. |
| | 4 | |
| | 5 | This could be improved by expanding the body element to take up the entire IFrame. Here's some proof-of-concept CSS that could be improved upon: |
| | 6 | |
| | 7 | {{{ |
| | 8 | |
| | 9 | /* CSS rules outside the iframe */ |
| | 10 | #cke_contents iframe { |
| | 11 | width: 100%; |
| | 12 | height: 100%; |
| | 13 | } |
| | 14 | |
| | 15 | /* CSS rules for inside the ckeditor iframe */ |
| | 16 | html { |
| | 17 | |
| | 18 | height: 100%; |
| | 19 | } |
| | 20 | |
| | 21 | body.cke_editable { |
| | 22 | min-height: 95%; |
| | 23 | width: 96%; |
| | 24 | min-height: calc(100% - 20px); |
| | 25 | width: calc(100% - 2em); |
| | 26 | margin: 0 1em 0 1em; |
| | 27 | top: 0; |
| | 28 | position: absolute; |
| | 29 | /*background: #eee;*/ |
| | 30 | /*border: 1px solid red;*/ |
| | 31 | } |
| | 32 | |
| | 33 | }}} |
| | 34 | |
| | 35 | |
