mirror of
https://github.com/HeyPuter/firefox.git
synced 2026-11-13 20:14:57 -10:00
Automatic update from web-platform-tests Test that scrolling an inline element uses its bounding box. This is a regression test for scrollIntoView using the wrong position for anchors next to tall images. Bug: 73953 Change-Id: I525b6cd3ae2002065ffcf08fff5a962b31f233b3 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2740434 Reviewed-by: Lan Wei <[email protected]> Commit-Queue: Robert Flack <[email protected]> Cr-Commit-Position: refs/heads/master@{#861270} -- wpt-commits: ec1a5cf77d0da04dda6f236779c3bf12ea8aa334 wpt-pr: 27912
27 lines
758 B
HTML
27 lines
758 B
HTML
<!doctype html>
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<title>scrollIntoView uses the element's bounding rect rather than line box</title>
|
|
<link rel="help" href="https://drafts.csswg.org/cssom-view/#scroll-an-element-into-view">
|
|
<style>
|
|
img {
|
|
height: 100vh;
|
|
width: 100px;
|
|
}
|
|
body {
|
|
margin-bottom: 100vh;
|
|
}
|
|
</style>
|
|
<body>
|
|
<a id="scrollto">To be scrolled into view</a><img src="/images/blue.png">
|
|
</body>
|
|
<script>
|
|
|
|
test(t => {
|
|
window.scrollTo(0, 0);
|
|
const target = document.getElementById("scrollto");
|
|
target.scrollIntoView();
|
|
assert_approx_equals(window.scrollY, target.offsetTop, 1);
|
|
}, "Scrolling an inline element with a large line height uses the bounding rect");
|
|
</script>
|