| 1 | <html xmlns="http://www.w3.org/1999/xhtml"> |
|---|
| 2 | <head> |
|---|
| 3 | <title>FCKeditor - fitwindow bug when editor in relative positioned and auto overflowing div</title> |
|---|
| 4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|---|
| 5 | <meta name="robots" content="noindex, nofollow" /> |
|---|
| 6 | <link href="../sample.css" rel="stylesheet" type="text/css" /> |
|---|
| 7 | <script type="text/javascript" src="../fckeditor.js"></script> |
|---|
| 8 | |
|---|
| 9 | <style> |
|---|
| 10 | |
|---|
| 11 | /* relative positioned and auto overflowing div */ |
|---|
| 12 | #div |
|---|
| 13 | { |
|---|
| 14 | width: 600px; |
|---|
| 15 | height: 350px; |
|---|
| 16 | position: relative; |
|---|
| 17 | overflow: auto; |
|---|
| 18 | } |
|---|
| 19 | |
|---|
| 20 | </style> |
|---|
| 21 | |
|---|
| 22 | </head> |
|---|
| 23 | <body> |
|---|
| 24 | |
|---|
| 25 | <div id="div"> |
|---|
| 26 | <form action="" method="post" target="_blank"> |
|---|
| 27 | <script type="text/javascript"> |
|---|
| 28 | |
|---|
| 29 | var sBasePath = document.location.pathname.substring(0,document.location.pathname.lastIndexOf('_samples')) ; |
|---|
| 30 | |
|---|
| 31 | var oFCKeditor = new FCKeditor('FCKeditor1'); |
|---|
| 32 | oFCKeditor.BasePath = sBasePath; |
|---|
| 33 | oFCKeditor.Height = '100%'; // when the editor's height is 100% within the relative positioned and auto overflowing div, it overflows the div. Test by braking the line below. |
|---|
| 34 | oFCKeditor.Height = '300px'; |
|---|
| 35 | oFCKeditor.Weight = '100%'; |
|---|
| 36 | oFCKeditor.Value = 'When toggling to fullscreen by using the fitWindow plugin, the editor will not break out of a relative positioned and auto overflowing div.<br />Try also making the editor\'s default height 100%. This will overflow the div instead of fitting nicely into it.<br /><br />Having this line in plain HTML above the div shows some odd behavior too, but I believe that that\'s due to the editor not breaking out of the div. If not I guess it can be ignored anyhow because the editor is normally overlaying all content in fullscreen.'; |
|---|
| 37 | oFCKeditor.Create(); |
|---|
| 38 | |
|---|
| 39 | </script> |
|---|
| 40 | </form> |
|---|
| 41 | </div> |
|---|
| 42 | |
|---|
| 43 | </body> |
|---|
| 44 | </html> |
|---|
