Given the code below:
<html>
<head>
<script>
function test() {
document.forms[0].TEST[0].focus();
}
</script>
</head>
<body>
<form>
<input type="button" value="Test" onclick="test()" />
<input type="radio" name="TEST" value="A">A</input>
<input type="radio" name="TEST" value="B">B</input>
</form>
</body>
</html>
In IE6, clicking the button doesn't focus the control, unless I've already tabbed through the radio at least once, in which case it works. =/
Any idea how I should be focusing the control? The above works perfectly fine in FF of course.
Edit: I found that the control is being focused, except the highlight box around the radio button is not being rendered. (I can hit space to activate the radio button, and also use arrow keys to change the active button). So the question becomes: how can I force the focus highlighting box to render?