| <!doctype html> |
| <html> |
| <head> |
| <title>Viewport: Resize Event On Load Overflowing Page</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> |
| <script src="viewport_support.js"></script> |
| <script> |
| var t = async_test( |
| "Resize event fired exactly once against window.visualViewport if " + |
| "scrollbars affect layout."); |
| t.step(() => { |
| // Run the test in a new window to make sure we don't pick up |
| // a resize event due to a previous page having a different scale. |
| var win = window.open("helper-resize-event-on-load-overflowing-page.html"); |
| t.add_cleanup(() => win.close()); |
| }); |
| </script> |
| </head> |
| <body> |
| <h1>Viewport: Resize Event On Load Overflowing Page</h1> |
| <h4> |
| Test Description: This test ensures that we fire a resize event against |
| window.visualViewport if the page has overflow (since this creates a scrollbar |
| and thus changes the viewport size). |
| </h4> |
| <div id="log"></div> |
| </body> |
| </html> |
| |