| 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> |
|---|
| 2 | <html> |
|---|
| 3 | <head> |
|---|
| 4 | <title>The page will scroll down when enter key is hit in CKEditor</title> |
|---|
| 5 | <style type="text/css"> |
|---|
| 6 | html{ |
|---|
| 7 | height: 100%; |
|---|
| 8 | } |
|---|
| 9 | body{ |
|---|
| 10 | min-height:100%; position:relative; height: auto; |
|---|
| 11 | } |
|---|
| 12 | .header{ |
|---|
| 13 | height:600px; border: solid 1px #ccc; margin: 8px 0; |
|---|
| 14 | } |
|---|
| 15 | .bottom{ |
|---|
| 16 | height:1200px; border: solid 1px #ccc; margin: 8px 0; |
|---|
| 17 | } |
|---|
| 18 | </style> |
|---|
| 19 | <script type="text/javascript" src="ckeditor/ckeditor.js"></script> |
|---|
| 20 | </head> |
|---|
| 21 | <body> |
|---|
| 22 | <div class="header"> |
|---|
| 23 | When the page height is set to 100%, and the page compatMode is backmode, the page will scroll down when enter key is hit in CKEditor. |
|---|
| 24 | |
|---|
| 25 | <br /> Scroll down to see the editor and press enter key to reproduce issue |
|---|
| 26 | </div> |
|---|
| 27 | <div> |
|---|
| 28 | <textarea class="ckeditor" id="editor-1" name="test1" style="visibility:hidden"></textarea> |
|---|
| 29 | </div> |
|---|
| 30 | <div class="bottom"> |
|---|
| 31 | When the page height is set to 100%, and the page compatMode is backmode, the page will scroll down when enter key is hit in CKEditor |
|---|
| 32 | </div> |
|---|
| 33 | </body> |
|---|
| 34 | </html> |
|---|
