<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="../../../resources/js-test.js"></script>
</head>
<body>
<select>
<option tabindex="0" id="optionA">A</option>
<optgroup tabindex="0" id="optgroupB" label="B">
<option tabindex="0" id="optionC">C</option>
</optgroup>
</select>
<option tabindex="0" id="optionD">D</option>
<script>
description('option/optgroup in menulist are never focusable even with a tabindex');
function isFocusable(id) {
var element = document.getElementById(id);
element.focus();
return document.activeElement === element;
}
shouldBeFalse('isFocusable("optionA")');
shouldBeFalse('isFocusable("optgroupB")');
shouldBeFalse('isFocusable("optionC")');
shouldBeTrue('isFocusable("optionD")');
</script>
</body>
</html>