56 lines
1.8 KiB
HTML
56 lines
1.8 KiB
HTML
<html>
|
|
<head>
|
|
<script>
|
|
function test()
|
|
{
|
|
if (window.testRunner) {
|
|
testRunner.dumpAsText();
|
|
testRunner.waitUntilDone();
|
|
}
|
|
|
|
setTimeout(test2, 0);
|
|
}
|
|
|
|
function test2()
|
|
{
|
|
var select = document.getElementById("listbox");
|
|
while (select.hasChildNodes())
|
|
select.removeChild(select.firstChild);
|
|
|
|
var option = document.createElement("option");
|
|
option.innerText = "Test Passed";
|
|
select.appendChild(option);
|
|
|
|
var scrollTop = select.scrollTop;
|
|
if (scrollTop == 0)
|
|
log("Test Passed");
|
|
else
|
|
log("Test Failed. scrollTop = " + scrollTop + " even though there is only one option in the listbox");
|
|
|
|
if (window.testRunner)
|
|
testRunner.notifyDone();
|
|
}
|
|
|
|
function log(msg)
|
|
{
|
|
document.getElementById('console').appendChild(document.createTextNode(msg + '\n'));
|
|
}
|
|
</script>
|
|
</head>
|
|
<body onload="test()">
|
|
<a href="http://bugs.webkit.org/show_bug.cgi?id=15252">Bug 15252: <select multiple> doesn't scroll to top when old options are removed and new ones are added, leaving listbox empty-looking</a>
|
|
|
|
<p>When the test runs, all the <option>s in the select are removed and replaced with 1 new option. If the bug is present, the select will appear empty until you scroll up with the mousewheel.</p>
|
|
|
|
<select id="listbox" size="4">
|
|
<option>1</option>
|
|
<option>2</option>
|
|
<option>3</option>
|
|
<option>4</option>
|
|
<option>5</option>
|
|
<option selected>6</option>
|
|
</select>
|
|
<pre id="console"></pre>
|
|
</body>
|
|
</html>
|