commit 912c71f02f6a18022c723cc16c99393ec75f3706 parent 49fbf62db3dfac8812cb463a7b2a77f803ed9375 Author: Rune Lillesveen <futhark@chromium.org> Date: Fri, 19 Dec 2025 09:15:36 +0000 Bug 2006306 [wpt PR 56775] - Resolve anchor-center to center with no default anchor, a=testonly Automatic update from web-platform-tests Resolve anchor-center to center with no default anchor Per spec[1]: "If the box is not absolutely positioned, or does not have a default anchor box, this value behaves as center and has no additional effect on how inset properties resolve." The change from 75% to 80% in the tests is to avoid relying on sub-pixel rendering. [1] https://www.w3.org/TR/css-anchor-position-1/#anchor-center Bug: 467085787 Change-Id: Id7a02c3bf14a3ee44cbad02068637154bcaafe15 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7254557 Reviewed-by: Morten Stenshorne <mstensho@chromium.org> Commit-Queue: Rune Lillesveen <futhark@chromium.org> Cr-Commit-Position: refs/heads/main@{#1559229} -- wpt-commits: e81573386a3724cb3bf425fd7eb7512915e554ec wpt-pr: 56775 Diffstat:
6 files changed, 36 insertions(+), 10 deletions(-)
diff --git a/testing/web-platform/tests/css/css-align/abspos/align-self-static-position-008-ref.html b/testing/web-platform/tests/css/css-align/abspos/align-self-static-position-008-ref.html @@ -2,8 +2,8 @@ <style> .block { display: block; - width: 75%; - height: 75%; + width: 80%; + height: 80%; border: 5px dotted blue; } @@ -43,7 +43,10 @@ <div class="abs" style="align-self: end;"></div> </div></div> <div class="container"><div class="block"> - <div class="abs" style="top: 25px;"></div> + <div class="abs" style="top: -20px;"></div> +</div></div> +<div class="container"><div class="block"> + <div class="abs" style="top: -20px;"></div> </div></div> <div class="container"><div class="block"> <div class="abs" style="align-self: start;"></div> diff --git a/testing/web-platform/tests/css/css-align/abspos/align-self-static-position-008.html b/testing/web-platform/tests/css/css-align/abspos/align-self-static-position-008.html @@ -8,8 +8,8 @@ <style> .block { display: block; - width: 75%; - height: 75%; + width: 80%; + height: 80%; border: 5px dotted blue; } @@ -49,6 +49,9 @@ <div class="abs" style="align-self: flex-end;"></div> </div></div> <div class="container"><div class="block"> + <div class="abs" style="align-self: center;"></div> +</div></div> +<div class="container"><div class="block"> <div class="abs" style="align-self: anchor-center;"></div> </div></div> <div class="container"><div class="block"> diff --git a/testing/web-platform/tests/css/css-align/abspos/justify-self-static-position-001-ref.html b/testing/web-platform/tests/css/css-align/abspos/justify-self-static-position-001-ref.html @@ -2,8 +2,8 @@ <style> .block { display: block; - width: 75%; - height: 75%; + width: 80%; + height: 80%; border: 5px dotted blue; } @@ -43,7 +43,10 @@ <div class="abs" style="justify-self: end;"></div> </div></div> <div class="container"><div class="block"> - <div class="abs" style="left: 25px;"></div> + <div class="abs" style="left: 20px;"></div> +</div></div> +<div class="container"><div class="block"> + <div class="abs" style="left: 20px;"></div> </div></div> <div class="container"><div class="block"> <div class="abs" style="justify-self: start;"></div> diff --git a/testing/web-platform/tests/css/css-align/abspos/justify-self-static-position-001.html b/testing/web-platform/tests/css/css-align/abspos/justify-self-static-position-001.html @@ -8,8 +8,8 @@ <style> .block { display: block; - width: 75%; - height: 75%; + width: 80%; + height: 80%; border: 5px dotted blue; } @@ -49,6 +49,9 @@ <div class="abs" style="justify-self: flex-end;"></div> </div></div> <div class="container"><div class="block"> + <div class="abs" style="justify-self: center;"></div> +</div></div> +<div class="container"><div class="block"> <div class="abs" style="justify-self: anchor-center;"></div> </div></div> <div class="container"><div class="block"> diff --git a/testing/web-platform/tests/css/css-anchor-position/anchor-center-no-default-ref.html b/testing/web-platform/tests/css/css-anchor-position/anchor-center-no-default-ref.html @@ -0,0 +1,3 @@ +<!DOCTYPE html> +<title>CSS Test Reference</title> +<div style="position:absolute;align-self:center">This text should not be centered in the viewport</div> diff --git a/testing/web-platform/tests/css/css-anchor-position/anchor-center-no-default.html b/testing/web-platform/tests/css/css-anchor-position/anchor-center-no-default.html @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<title>CSS Anchor Positioning: 'anchor-center' behaves as 'center' with no default anchor</title> +<link rel="help" href="https://drafts.csswg.org/css-anchor-position-1/#anchor-center"> +<link rel="match" href="anchor-center-no-default-ref.html"> +<style> + #centered { + position: absolute; + align-self: anchor-center; + } +</style> +<div id="centered">This text should not be centered in the viewport</div>