haikuwebkit/LayoutTests/fast/forms/search/search-cancel-toggle-visibi...

31 lines
825 B
HTML

<!DOCTYPE html>
<html>
<head>
<style>
.width-200px {
width: 200px;
}
</style>
<script>
if (window.testRunner)
testRunner.waitUntilDone();
</script>
</head>
<body>
<p>Tests that the search cancel button is not shown after changing the visibility of &lt;input type=&quot;search&quot;&gt; from visible to hidden to visible. This test passed if you see the search cancel button in the blue outlined box (below).</p>
<div class="width-200px" style="border: 1px solid blue">
<input type="search" id="search" value="search" class="width-200px">
</div>
<script>
var search = document.getElementById("search");
search.style.visibility = "hidden";
function done() {
search.style.visibility = "visible";
if (window.testRunner)
testRunner.notifyDone();
}
window.setTimeout(done, 0);
</script>
</body>
</html>