<!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 hidden to visible to hidden. This test passed if you do not 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" style="visibility: hidden">
</div>
<script>
var search = document.getElementById("search");
search.style.visibility = "visible";
function done() {
    search.style.visibility = "hidden";
    if (window.testRunner)
        testRunner.notifyDone();
}
window.setTimeout(done, 0);
</script>
</body>
</html>