haikuwebkit/LayoutTests/fast/forms/search/search-zoom-computed-style-...

30 lines
741 B
HTML

<!doctype html>
<html>
<head>
<script src="../../../resources/js-test-pre.js"></script>
<style>
body {
zoom: 2;
background: yellow;
}
</style>
</head>
<body>
<input id="field" type="search" autofocus>
<div>
<span>Computed style height: </span>
<span id="output"></span>
</div>
<script>
description('Test for computed style height of a zoomed-in search field');
const input = document.getElementById('field');
const style = window.getComputedStyle(input);
const output = document.getElementById('output');
output.innerHTML = style.height;
</script>
<script src="../../../resources/js-test-post.js"></script>
</body>
</html>