58 lines
1.4 KiB
HTML
58 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<meta name="viewport" content="width=device-width; initial-scale=0.4">
|
|
<title>Tests that double-tap-to-zoom never activates elements inside a scrollable container</title>
|
|
<script src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
<script src="/tests/SimpleTest/paint_listener.js"></script>
|
|
<script src="apz_test_utils.js"></script>
|
|
<script src="apz_test_native_event_utils.js"></script>
|
|
<style>
|
|
#scrollable {
|
|
height: 50vh;
|
|
width: 50vw;
|
|
background: yellow;
|
|
overflow: scroll;
|
|
}
|
|
|
|
#scrollabletarget {
|
|
height: 200vh;
|
|
width: 200vh;
|
|
background: green;
|
|
}
|
|
|
|
#scrollabletarget:active {
|
|
background: red;
|
|
}
|
|
|
|
</style>
|
|
<div id="scrollable">
|
|
<div id="scrollabletarget">
|
|
</div>
|
|
</div>
|
|
<script>
|
|
async function test() {
|
|
ok(!scrollabletarget.matches(":active"), "should not be active initially");
|
|
|
|
let rAFID = requestAnimationFrame(function ensureInactive() {
|
|
let isActive = scrollabletarget.matches(":active");
|
|
ok(!isActive, "Element activation should never happen!");
|
|
if (!isActive) {
|
|
rAFID = requestAnimationFrame(ensureInactive);
|
|
}
|
|
});
|
|
|
|
await doubleTapOn(scrollabletarget, 50, 50, false /* useTouchpad */);
|
|
|
|
cancelAnimationFrame(rAFID);
|
|
}
|
|
|
|
if (getPlatform() != "mac" && getPlatform() != "android") {
|
|
ok(true, "Skipping test because double-tap-zoom isn't allowed on " + getPlatform());
|
|
subtestDone();
|
|
} else {
|
|
waitUntilApzStable()
|
|
.then(test)
|
|
.then(subtestDone, subtestFailed);
|
|
}
|
|
</script>
|
|
</html>
|