Source code

Revision control

Copy as Markdown

Other Tools

Test Info: Warnings

<!doctype html>
<title>Viewport: No Resize Event Fired on Overflow Recalc</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
html {
height: 100%;
body {
/* Ensure overflow to start */
height: 200%;
<h1>No Resize Event Fired on Overflow Recalc</h1>
Test Description: This test ensures we don't fire spurrious resize
events when overflow is recalculated.
function runTest() {
var t = async_test(
"Resize event not fired at window.visualViewport when content is added");
var viewResized = false;
window.visualViewport.addEventListener('resize', function() {
viewResized = true;
requestAnimationFrame(t.step_func_done(function() {
assert_equals(viewResized, false);
})); = "400%";
// Run the test after load to make sure any resize from load doesn't
// interfere.
window.onload = requestAnimationFrame(function() {
<div id="log"></div>