If you have a dijit.Tree with an unlabelled root node, and then select (click-drag-release) multiple nodes, then you get a "Can't move focus to the control because it is invisible, not enabled, or of a type that does not accept the focus" error - but only in Internet Explorer. Here's an example (from the dojo book, with the minor difference that I removed the root label)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
@import "http://o.aolcdn.com/dojo/1.1.0/dijit/themes/tundra/tundra.css";
@import "http://o.aolcdn.com/dojo/1.1.0/dojo/resources/dojo.css";
</style>
<script type="text/javascript" src="http://o.aolcdn.com/dojo/1.0.0/dojo/dojo.xd.js"
djConfig="parseOnLoad: true"></script>
<script>
dojo.require("dojo.data.ItemFileReadStore");
dojo.require("dijit.Tree");
dojo.require("dojo.parser");
</script>
</head>
<body class="tundra">
<div dojoType="dojo.data.ItemFileReadStore"
url="DijitTreeProblem.txt" jsid="popStore" />
<div dojoType="dijit.Tree" store="popStore" labelAttr="name"></div>
</body>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
@import "http://o.aolcdn.com/dojo/1.1.0/dijit/themes/tundra/tundra.css";
@import "http://o.aolcdn.com/dojo/1.1.0/dojo/resources/dojo.css";
</style>
<script type="text/javascript" src="http://o.aolcdn.com/dojo/1.0.0/dojo/dojo.xd.js"
djConfig="parseOnLoad: true"></script>
<script>
dojo.require("dojo.data.ItemFileReadStore");
dojo.require("dijit.Tree");
dojo.require("dojo.parser");
</script>
</head>
<body class="tundra">
<div dojoType="dojo.data.ItemFileReadStore"
url="DijitTreeProblem.txt" jsid="popStore" />
<div dojoType="dijit.Tree" store="popStore" labelAttr="name"></div>
</body>
data is
{
label: 'name',
identifier: 'name',
items: [
{ name:'Fruit', type:'category'},
{ name:'Cinammon', type: 'category'},
{ name:'Chocolate', type: 'category'}
]
}I don't want a label on the root; any suggestions how to work around this?