Opened 12 years ago
Last modified 12 years ago
#11169 confirmed Bug
Maximize not work
| Reported by: | psyafter | Owned by: | |
|---|---|---|---|
| Priority: | Normal | Milestone: | |
| Component: | General | Version: | 4.4.0 |
| Keywords: | Cc: | psyafter@… |
Description
When css class has "display:none", the "maximize" mode break a page and not work. Even despite the fact that the element has become visible (<div id="viewbar" style="display:block;">).
Here an example: http://jsfiddle.net/psyafter/P9k9S/2/
demo use:
- jquery 1.10.2
- ckeditor 4.3 (problem present in prev versions too)
- jquery adapter
<style> #viewbar{ display:none; } </style>
<div id="viewbar" style="display:block;">
<textarea id="txa"></textarea>
</div>
<script type="text/javascript"> <![CDATA[ $().ready(function () {
var editor = $('#txa').ckeditor( function() { }, {});
}); ]]> </script>
Attachments (1)
Change History (5)
Changed 12 years ago by
| Attachment: | replacebycode2.html added |
|---|
comment:1 Changed 12 years ago by
| Keywords: | maximize removed |
|---|---|
| Resolution: | → wontfix |
| Status: | new → closed |
comment:2 Changed 12 years ago by
| Resolution: | wontfix |
|---|---|
| Status: | closed → reopened |
comment:3 Changed 12 years ago by
| Status: | reopened → confirmed |
|---|---|
| Version: | 4.3 → 4.2 |
I got too quick here.
Solution (if it doesn't cause any maximize issues) could be adding display:block; or display:inline (depending on wrapper element) to overriding editor inline styles.
comment:4 Changed 12 years ago by
| Cc: | psyafter@… added |
|---|---|
| Version: | 4.2 → 4.4.0 |
The problem still present in new 4.4 version

The problem here is that once we remove inline styles and CSS styles assigned to id start working we can't minimize editor because we can't see it. This is quite an edge case :)
@psyafter one solution would be making editor not to touch styles placed in inline tag but depending on class or inline style this can cause some maximize errors.
I would rather suggest using classes (it will work then):
.viewbar{ display:none; } <div id="viewbar" style="display:block;" class="viewbar">