dojo.widget.Button's click does not receive the focus in IE
In the following sample code, a focus does not move when I click dojo:Button in IE though it moves in Firefox. As a result, onblur/onchange event do not fire in input text element.
<html>
<head>
<script type="text/javascript">
var djConfig = {isDebug: true};
</script>
<script type="text/javascript" src="dojo/dojo.js"></script>
<script type="text/javascript">
dojo.require("dojo.widget.*");
dojo.addOnLoad(function() {
var input1 = dojo.byId("input1");
input1.focus();
dojo.event.connect(input1, "onchange", function() {dojo.debug("onchange");});
dojo.event.connect(input1, "onblur", function() {dojo.debug("onblur");});
});
</script>
</head>
<body>
<input id="input1" type="text">
<dojo:Button id="button1" caption="Test"></dojo:Button>
</body>
</html>
Additional info: My resolution is to add the following line in Button.js.
onMouseDown: function(e){ this.domNode.focus(); // <<-- added