ONLY FOR IE: I put <div> tags using source mode. When I try to edit in WYSIWYG mode, I cannot access the div contents. I can only move the div's around or delete them. I tried clicking the body link at the bottom and it looks like it is going to work until I click again. I get the "move" cursor again and am unable to change div contents without going into source mode.

I am using the CSS option "use theme css" and I am using a theme generated with Artisteer. When I switch to a generic theme, the problem does not occur. I'm not sure what to look for in the theme that could be causing the problem. Perhaps I need to change a z-index somewhere? Or a javascript problem?

Works properly in Firefox, Chrome, Safari.

Comments

mephir’s picture

mephir commented
Status: Active » Postponed (maintainer needs more info)

Can you share with me information about which version of ckeditor you are using ? The problem exists on http://ckeditor.com/demo ?

stg11’s picture

stg11 commented

Sorry for the delay, for some reason I didn't get an email update on your post.

The version of ckeditor I'm using is 3.1

I found out with more testing on the demo site that having
<div style="width:100%;">...</div>
is the culprit. Not sure why. In fact, using width:500px; also causes it to fail. Whereas a div tag with no style parameter works.
In fact, on my website, having a class which specifies a width referenced in the div also causes a fail, even when the width is clearly narrower than the edit box. as soon as I remove the class it works. I suppose I could avoid using the theme css but then the WYSIWYG niceness would be diminished.

nonagon’s picture

nonagon commented

Besides fixed width, this also occurs with max-width and is a reproducible bug.

For a quick remedy, until the bug is fixed, remove the width or max-width declaration on the element (inline or CSS) and edit functionality is restored.

manischewitzbacon’s picture

manischewitzbacon commented

just wanted to add that this behavior is also triggered by float: left/right and by overflow: hidden

i was able to undo my floating/overflowing/widths by adding another similar line to my stylesheet:

.not_editable_by_ie8 {float: left; overflow: hidden; width: 100px;}
.cke_show_borders .not_editable_by_ie8 {float: none; overflow: visible; width: auto;}

good luck!

stg11’s picture

stg11 commented
Status: Postponed (maintainer needs more info) » Closed (fixed)

I tried the recommendation in #4 but it didn't work. I tried other classes above them in the hierarchy as well an no go. I guess I'll just live with it. I'll try to get my client to install Firefox or Chrome.

shout’s picture

shout commented
Category: support » bug

Anyone have any luck with this?

Im able to reproduce this at http://ckeditor.com/demo by creating 2 floating divs.