commit bccf4aeee31b4a39379621adc20b067f9a47dae4 parent ee12cad10d4b5229065feca05b204be1ef88cddd Author: Kiet Ho <kiet.ho@apple.com> Date: Fri, 26 Sep 2025 21:28:04 +0000 Bug 1990642 [wpt PR 55053] - WebKit export of https://bugs.webkit.org/show_bug.cgi?id=295504, a=testonly Automatic update from web-platform-tests WebKit export of https://bugs.webkit.org/show_bug.cgi?id=295504 -- wpt-commits: 9ab8d78600db317367ca330b3dfec1777a8615e1 wpt-pr: 55053 Diffstat:
| A | testing/web-platform/tests/css/css-anchor-position/no-anchor-anchor-center-ref.html | | | 30 | ++++++++++++++++++++++++++++++ |
| A | testing/web-platform/tests/css/css-anchor-position/no-anchor-anchor-center.html | | | 35 | +++++++++++++++++++++++++++++++++++ |
2 files changed, 65 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/css-anchor-position/no-anchor-anchor-center-ref.html b/testing/web-platform/tests/css/css-anchor-position/no-anchor-anchor-center-ref.html @@ -0,0 +1,30 @@ +<!doctype html> +<title>Tests that 'anchor-center' behaves as 'center' when no anchor in containing block</title> +<style> +.anchor { + background: orange; + width: 100px; + background-color: orange; +} +.container { + position: fixed; + top: 20px; + left: 50px; + width: 300px; + height: 200px; + display: flex; + background: green; + justify-content: center; +} +.target { + position: absolute; + margin: 0 auto; + width: 80px; + border: 1px #000 solid; + background: lime; +} +</style> +<div class="anchor">anchor</div> +<div class="container"> + <div class="target">target 1</div> +</div> diff --git a/testing/web-platform/tests/css/css-anchor-position/no-anchor-anchor-center.html b/testing/web-platform/tests/css/css-anchor-position/no-anchor-anchor-center.html @@ -0,0 +1,35 @@ +<!doctype html> +<title>Tests that 'anchor-center' behaves as 'center' when no anchor in containing block</title> +<link rel="match" href="no-anchor-anchor-center-ref.html"> +<link rel="help" href="https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-anchor-center"> +<style> +.anchor { + anchor-name: --dropdownAnchor; + background: orange; + width: 100px; + background-color: orange; +} +.container { + position: fixed; + top: 20px; + left: 50px; + width: 300px; + height: 200px; + background: green; +} +.target { + position-anchor: --dropdownAnchor; + display: flow; + left: 10px; + right: 10px; + position: absolute; + justify-self: anchor-center; + width: 80px; + border: 1px #000 solid; + background: lime; +} +</style> +<div class="anchor">anchor</div> +<div class="container"> + <div class="target">target 1</div> +</div>