Login Register
Home » Support » Forums » Dijit (dijit.*, 0.9+) » Dijit Support » dijit.editor not working inside a BorderContainer on Firefox 3.03

dijit.editor not working inside a BorderContainer on Firefox 3.03

Submitted by lipik on Fri, 10/03/2008 - 20:05.

Hello,

I can't get the editor (declared via markup) to work on Ff3. It displays fine, but shows no pre-set content inside, and typing has no effect. It works as expected on IE7 & Chrome. I will try on IE6 and FF2 shortly.
My markup is:

<div id="all-content" dojoType="dijit.layout.BorderContainer" design="screenDesign" style="visibility:hidden">
        <div id="content-region" dojoType="dijit.layout.ContentPane" region="center">
                <div id="document-editor" style="width:80%;margin:auto">
                        <div style="margin:1em auto">
                                <span style="padding:auto 1em;">Document name:</span>
                                <div id="document-name-field" dojoType="dijit.form.TextBox" class="textfield lipik-predictive" style="width:55em"></div>
                        </div>
                <div id="document-content-field" dojoType="dijit.Editor" extraPlugins="['foreColor','hiliteColor',{name:'dijit._editor.plugins.FontChoice', command:'fontName', generic:'true'}]" style="width:65em;height:30em;border:2px ridge;">
                        <h3>Test this text</h3>
                </div>
        </div>
</div>
<!--...
other regions for the BorderContainer
...-->

The "h3" element does not show up at all, can't tab into the edito, keystrokes have no effect. Everything is OK in other browsers. The TextBox above the editor works fine even in Ff.
I tried removing the extraPlugins as well as styles attributes but it made no difference. I have tried this with 1.1.1, and 1.2.0, same result. This seems too obvious to be a bug in the tool-kit, so maybe I am doing something wrong?

Btw, I specify parseOnLoad = false in djConfig and parse the document manually inside the onLoad handler.

Thanks for any help
Amit

‹ BorderContainer Disappearing custom Dijits seem slow ›

OK, I have a clue

Submitted by lipik on Fri, 10/03/2008 - 20:30.

In my onLoad, after the editor is constructed, I replace it in the dom hierarchy with a custom

, and make this div the parent of the editor (the div has a dashboard- like widget) - something like:
editor.parentNode.replaceChild(newDiv, editor);
newDiv.appendChild(editor);

This worked fine till now with all divs and textareas, but Editor does not like it for Ff - probably something is detecting when it is removed. Is there a way I can prevent this from happening? Not a huge problem if I can't (will write an editor plugin corresponding ot my widget instead), but it would be nice to get it working uniformly everywhere.

Thanks
Amit