commit 23cb3256aacc11e1ee71d3a4dd5adb56d11db1c1 parent 57308101f612201ac898a1f2ff4f42e4ea428421 Author: Morten Stenshorne <mstensho@chromium.org> Date: Fri, 31 Oct 2025 08:53:02 +0000 Bug 1996362 [wpt PR 55648] - [anchor] Correct `direction` when propagating anchors., a=testonly Automatic update from web-platform-tests [anchor] Correct `direction` when propagating anchors. It's not safe to assume that the writing mode and direction are the same as that of the container, when in inline layout. This assumption was introduced in crrev.com/c/6590416 Bug: 454646303 Change-Id: Iecb518cedab8d427681eb75c68d9b5db4565cef4 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7080808 Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org> Commit-Queue: Morten Stenshorne <mstensho@chromium.org> Cr-Commit-Position: refs/heads/main@{#1535337} -- wpt-commits: fc7683bcb74a16630ae1409cefaa79dc4e242643 wpt-pr: 55648 Diffstat:
| A | testing/web-platform/tests/css/css-anchor-position/anchor-position-005.html | | | 27 | +++++++++++++++++++++++++++ |
1 file changed, 27 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/css-anchor-position/anchor-position-005.html b/testing/web-platform/tests/css/css-anchor-position/anchor-position-005.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<title>Anchor in RTL</title> +<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> +<link rel="help" href="https://issues.chromium.org/issues/454646303"> +<style> + .anchored { + position: absolute; + inset-inline-start: anchor(self-start); + inset-block-start: anchor(self-end); + width: 100px; + height: 50px; + background: green; + } + .ib { + display: inline-block; + width: 100px; + height: 50px; + } +</style> +<link rel="match" href="../reference/ref-filled-green-100px-square.xht"> +<p>Test passes if there is a filled green square and <strong>no red</strong>.</p> +<div style="width:100px; height:100px; background:red;"> + <div dir="rtl" style="width:200px;"> + <div class="ib"></div><div class="ib" style="anchor-name:--a; background:green;"></div> + <div class="anchored" style="position-anchor:--a;"></div> + </div> +</div>