| <!DOCTYPE html> | |
| <p>This test checks that focusing a SELECT element via mouse click, after focusing a previous element via mouse click, the SELECT element shows a focus ring.</p> | |
| <p id="instructions"></p> | |
| <input id="input"> | |
| <select id="select"> | |
| <option>a</option> | |
| <option>b</option> | |
| </select> | |
| <script> | |
| function clickElement(element) { | |
| if (window.eventSender) { | |
| eventSender.mouseMoveTo(element.offsetLeft + 5, element.offsetTop + 5); | |
| eventSender.mouseDown(); | |
| eventSender.mouseUp(); | |
| else { | |
| instructions.innerHTML = "Click on the element " + element.tagName; | |
| } | |
| } | |
| target.addEventListener("focus", () => { | |
| clickElement(select); | |
| }); | |
| clickElement(target); | |
| </script> |