Skip to content

GitLab

T
tangled
Commit ce4a5462 authored by Nick Burris's avatar Nick Burris Committed by Commit Bot
Browse files
Options

[css-scroll-anchoring] Add WPT for zero scroll offset suppression. 

Chromium has always had a scroll anchoring suppression trigger when the
scroll offset is zero. This suppression trigger was added to the spec in
https://github.com/w3c/csswg-drafts/pull/4679.

Change-Id: I2f38b23803e610aa04976c43211357e173cecbb1
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2045200
Commit-Queue: Nick Burris <nburris@chromium.org>
Reviewed-by: default avatarChris Harrelson <chrishtr@chromium.org>
Cr-Commit-Position: refs/heads/master@{#741108}
parent b5b97551
Hide whitespace changes
Inline Side-by-side
Showing with 53 additions and 0 deletions
third_party/blink/web_tests/external/wpt/css/css-scroll-anchoring/zero-scroll-offset.html 0 → 100644
View file @ ce4a5462
<!DOCTYPE html>
<head>
<title>Test that scroll anchoring is suppressed when scroll offset is zero.</title>
<link rel="author" title="Nick Burris" href="mailto:nburris@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-scroll-anchoring/">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<style>
#header {
height: 100px;
border: 1px solid black;
overflow-anchor: none;
}
#content {
height: 200vh;
}
</style>
<div id="header"></div>
<div id="content">abc</div>
<script>
window.addEventListener("scroll", function() {
if (document.scrollingElement.scrollTop > 0) {
// On the first scroll event, shrink the header. Scroll anchoring anchors to
// content, but the header shrinks by more than the scroll offset so the
// resulting scroll position is zero.
step_timeout(function() {
document.querySelector("#header").style.height = "50px";
}, 0);
} else {
// On the second scroll event, grow the header. Since the scroll offset is
// zero, scroll anchoring should be suppressed. Otherwise, scroll anchoring
// would anchor to content and the resulting scroll position would be 50px.
step_timeout(function() {
document.querySelector("#header").style.height = "100px";
}, 0);
}
});
async_test(function(t) {
// Scroll down a bit to trigger the scroll event listener.
window.scrollTo(0, 10);
window.requestAnimationFrame(function() {
window.requestAnimationFrame(function() {
window.requestAnimationFrame(t.step_func_done(() => {
assert_equals(document.scrollingElement.scrollTop, 0);
}));
});
});
}, "Scroll anchoring suppressed when scroll offset is zero.");
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment