select-listbox-focus-displaynone.html

<!DOCTYPE html>
<html>
<body>

<select id="multiselect" multiple="multiple">
    <option id="optiona">a</option>
    <option>b</option>
</select>
<input id="selectable">

<script>
if (window.testRunner)
    testRunner.dumpAsText();

var selectable = document.getElementById('selectable');
var multiselect = document.getElementById('multiselect');
selectable.focus();
selectable.onblur = function() {
    multiselect.style.display='none';
    document.write('PASS');
};

if (window.eventSender) {
    eventSender.mouseMoveTo(multiselect.offsetLeft + 5, multiselect.offsetTop + 5);
    eventSender.mouseDown();
    eventSender.mouseUp();
} else {
    document.write("To manually test, click on the 'a' option");
}
</script>

</body>
</html>

chromium/third_party/blink/web_tests/fast/forms/select/select-listbox-focus-displaynone.html