commit b42c3ea9da6957d3f57755891ef28e49eb70d634 parent bc601f5156d423a917d05ec5728d97efd6138197 Author: Ahmad Saleem <52317531+Ahmad-S792@users.noreply.github.com> Date: Thu, 9 Oct 2025 20:37:29 +0000 Bug 1992404 [wpt PR 55223] - WebKit export of https://bugs.webkit.org/show_bug.cgi?id=296570, a=testonly Automatic update from web-platform-tests WebKit export of https://bugs.webkit.org/show_bug.cgi?id=296570 (#55223) -- wpt-commits: ec9423a24ff155d593a21a168e4151a3378f919d wpt-pr: 55223 Diffstat:
| A | testing/web-platform/tests/css/css-writing-modes/abs-pos-border-offset-003-ref.html | | | 36 | ++++++++++++++++++++++++++++++++++++ |
| A | testing/web-platform/tests/css/css-writing-modes/abs-pos-border-offset-003.html | | | 89 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
2 files changed, 125 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/css-writing-modes/abs-pos-border-offset-003-ref.html b/testing/web-platform/tests/css/css-writing-modes/abs-pos-border-offset-003-ref.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<style> +.container { + width: 80px; + height: 100px; + background-color: green; + margin-bottom: 10px; + position: relative; +} + +.item { + position: absolute; + width: 30px; + height: 35px; + background-color: blue; +} +</style> +<div class="container"> + <div class="item" style="left: 65px; top: 10px;"></div> +</div> +<div class="container"> + <div class="item" style="left: 55px; top: 30px;"></div> +</div> +<div class="container"> + <div class="item" style="left: 55px; top: 30px;"></div> +</div> +<div class="container"> + <div class="item" style="left: 55px; top: 30px;"></div> +</div> +<div class="container"> + <div class="item" style="left: 65px; top: 45px;"></div> +</div> +<div class="container"> + <div class="item" style="left: 65px; top: 10px;"></div> +</div> diff --git a/testing/web-platform/tests/css/css-writing-modes/abs-pos-border-offset-003.html b/testing/web-platform/tests/css/css-writing-modes/abs-pos-border-offset-003.html @@ -0,0 +1,89 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow"> +<meta name="assert" content="This test checks that absolutely positioned elements are positioned correctly across various writing modes when their static position is used" /> +<link rel="match" href="abs-pos-border-offset-003-ref.html"> +<style> +.htb { + writing-mode: horizontal-tb; +} +.vrl { + writing-mode: vertical-rl; +} +.vlr { + writing-mode: vertical-lr; +} +.srl { + writing-mode: sideways-rl; +} +.slr { + writing-mode: sideways-lr; +} +.ltr { + direction: ltr; +} +.rtl { + direction: rtl; +} + +.container { + position: relative; + width: 80px; + height: 100px; + background-color: green; + margin-bottom: 10px; +} + +.parent { + border: solid transparent; + border-width: 10px 15px 20px 25px; +} + +.sibling { + width: 10px; + height: 20px; +} + +.item { + position: absolute; + width: 30px; + height: 35px; + background-color: blue; +} +</style> +<div class="container vrl"> + <div class="parent vlr"> + <div class="sibling"></div> + <div class="item vlr"></div> + </div> +</div> +<div class="container vrl"> + <div class="parent htb"> + <div class="sibling"></div> + <div class="item vrl"></div> + </div> +</div> +<div class="container vrl"> + <div class="parent htb"> + <div class="sibling"></div> + <div class="item vlr"></div> + </div> +</div> +<div class="container vrl"> + <div class="parent htb"> + <div class="sibling"></div> + <div class="item vrl rtl"></div> + </div> +</div> +<div class="container vrl"> + <div class="parent vlr rtl"> + <div class="sibling"></div> + <div class="item vrl"></div> + </div> +</div> +<div class="container vrl rtl"> + <div class="parent vlr ltr"> + <div class="sibling"></div> + <div class="item vrl"></div> + </div> +</div>