You are here

NicEdit: Editor field is collapsed in IE

The nicEdit editor field is collapsed along the horizontal plane in IE 6 and IE 7. This is not an issue in Firefox. I am marking this issue as critical because the Wysiwyg editor is functionally useless in this state.

Good point. I checked and it turns out that this behavior also occurs in one of the official demos of NicEdit. Basically when viewed in IE the width of the editor will collapse to the width of the smallest icon, unless its parent has an absolute pixel width. IMO its a pretty serious bug, but there have already been a few posts about it in their forums with no reply, so it doesn't seem like they have any intention of dealing with it. Too bad.

I am running wysiwyg api for drupal 6 and the latest version of NicEdit but I am having the same problem. On some versions of IE6/7 it collapses and on others it doesn't. I'm trying to CSS a solution to this but it's not working out. Any help would be great.

Here is a solution,the problem is a bug of the nicEdit editor itsself.
edit your nicEdit.js,
search for
parseInt(e.getStyle('width')) || e.clientWidth
replaced with
e.clientWidth || parseInt(e.getStyle('width'))
and then,everything works well.
enjoy!

There's the solution here:
Within the constructor of "nicEditorPanel", find the line with this content: "this.panelContain.appendTo(e);"; which is currently on line number 660. Then insert the following line of code before that line:

e.style.width = "100%";

And that's all. The Editor will now come up properly in both IE and FF.