49 lines
1.6 KiB
HTML
49 lines
1.6 KiB
HTML
<head>
|
|
<style>
|
|
html, body { margin:0; overflow: hidden; }
|
|
</style>
|
|
<script src="../../resources/js-test.js"></script>
|
|
</head>
|
|
|
|
<div>This tests that a usually overflow: hidden viewport should be scrollable when scaled. Otherwise, you can't get to content
|
|
you would have been able to get to had you not been zoomed it.</div>
|
|
<div id="console"></div>
|
|
|
|
<div style='font-size:40px; height: 1000px;'>
|
|
</div>
|
|
|
|
<script>
|
|
window.addEventListener('load', function() {
|
|
if (!window.testRunner) {
|
|
debug("This test only works in the test runner.");
|
|
return;
|
|
}
|
|
|
|
jsTestIsAsync = true;
|
|
|
|
// Force a layout.
|
|
document.body.offsetLeft;
|
|
|
|
if (window.internals)
|
|
window.internals.setPageScaleFactor(2, 0, 0);
|
|
|
|
// Note that with CSSOMViewScrollingAPI enabled, the HTML body is potentially scrollable.
|
|
// Hence document.scrollingElement is null and we can't use document.body.scrollTop to
|
|
// retrieve the vertical scroll offset of the viewport.
|
|
// See https://drafts.csswg.org/cssom-view/#potentially-scrollable,
|
|
// https://drafts.csswg.org/cssom-view/#dom-document-scrollingelement
|
|
// and https://drafts.csswg.org/cssom-view/#dom-element-scrolltop
|
|
shouldBe("window.scrollY", "0");
|
|
|
|
document.body.onscroll = function() {
|
|
shouldBe("window.scrollY", "100");
|
|
finishJSTest();
|
|
}
|
|
|
|
if (window.eventSender) {
|
|
eventSender.mouseMoveTo(100, 100);
|
|
eventSender.mouseScrollBy(0, -5);
|
|
}
|
|
});
|
|
</script>
|