Why does FF3 say "Permission denied to get property HTMLDivElement.tagName" ?

Question

When I run this through FireFox 3:

<script type="text/javascript" src="../resources/dojo-1.2.3-src/dojo/dojo.js" djConfig="parseOnLoad: true"></script>
<script type="text/javascript" src="../resources/dojo-1.2.3-src/dojo/dijit.js"></script>

<script type="text/javascript">
dojo.require("dojo.parser");
dojo.require("dijit.InlineEditBox");
dojo.require("dijit.form.TextBox");

function myHandler(idOfBox, value) {
 alert("Edited value from "+idOfBox+" is now "+value);
}
</script>

<span id="editable" style="font-size:larger;" dojoType="dijit.InlineEditBox"
onChange="myHandler(this.id,arguments[0])">
<input dojoType="dijit.form.TextBox" value="dijit.InlineEditBox">
</span>

and click on the inline editable text, change it, and then click outside of it, FF says this: "Permission denied to get property HTMLDivElement.tagName"

The Firebug debugger breaks at the following line because e.relatedTarget is null:

try{ e.relatedTarget.tagName; } catch(e2){ return; }

What can I do to find a fix for this?

Answer 1

This doesn't make sense? where is the DIV element? I only see a span wrapping an input element. Can you post the generated Source or a link to the page?

Answer 2

Yah, I tried it myself but it's working for me, at least against the latest code. (I'm running on FF3/mac.)

The try/catch you mention may be a red-herring as there's already a catch handler setup that ignores any errors.

Answer 3

This problem appears to be caused by the Firebug extension to Firefox. I say that because when I disable Firebug and use the control, it works normally.