diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:14:29 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:14:29 +0000 |
commit | fbaf0bb26397aa498eb9156f06d5a6fe34dd7dd8 (patch) | |
tree | 4c1ccaf5486d4f2009f9a338a98a83e886e29c97 /testing/web-platform/tests/css/css-anchor-position/position-fallback-container-query.html | |
parent | Releasing progress-linux version 124.0.1-1~progress7.99u1. (diff) | |
download | firefox-fbaf0bb26397aa498eb9156f06d5a6fe34dd7dd8.tar.xz firefox-fbaf0bb26397aa498eb9156f06d5a6fe34dd7dd8.zip |
Merging upstream version 125.0.1.
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-anchor-position/position-fallback-container-query.html')
-rw-r--r-- | testing/web-platform/tests/css/css-anchor-position/position-fallback-container-query.html | 95 |
1 files changed, 0 insertions, 95 deletions
diff --git a/testing/web-platform/tests/css/css-anchor-position/position-fallback-container-query.html b/testing/web-platform/tests/css/css-anchor-position/position-fallback-container-query.html deleted file mode 100644 index b4ef806206..0000000000 --- a/testing/web-platform/tests/css/css-anchor-position/position-fallback-container-query.html +++ /dev/null @@ -1,95 +0,0 @@ -<!DOCTYPE html> -<title>@position-fallback with container query responding to fallback widths</title> -<link rel="help" href="https://drafts.csswg.org/css-anchor-position-1/#fallback"> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<style> - #relative { - background: maroon; - position: relative; - width: 195px; - height: 200px; - } - #target1 { - container-type: inline-size; - container-name: target1; - position-fallback: --fallback1; - background: green; - position: absolute; - top: 0px; - left: 100px; - width: 100px; - height: 100px; - } - @position-fallback --fallback1 { - @try { - top: 100px; - left: 0px; - width: 150px; - } - } - @container (width > 100px) { - #inner1 { - background-color: lime; - width: 100px; - height: 100px; - } - } - - #target2 { - container-type: inline-size; - container-name: target2; - position-fallback: --fallback2; - background: orange; - position: absolute; - top: 0px; - left: 100px; - width: 100px; - } - @position-fallback --fallback2 { - @try { - top: 100px; - left: 0px; - width: 150px; - } - @try { - top: 0px; - left: 0px; - width: 150px; - } - } - @container target2 (width = 150px) { - #inner2 { - background-color: yellow; - width: 100px; - height: 150px; - } - } -</style> -<div id="relative"> - <div id="target1"> - <div id="inner1"></div> - </div> - <div id="target2"> - <div id="inner2"></div> - </div> -</div> -<script> - test(() => { - assert_equals(getComputedStyle(inner1).backgroundColor, "rgb(0, 255, 0)"); - assert_equals(getComputedStyle(inner1).width, "100px"); - assert_equals(getComputedStyle(inner1).height, "100px"); - assert_equals(getComputedStyle(target1).top, "100px"); - assert_equals(getComputedStyle(target1).left, "0px"); - assert_equals(getComputedStyle(target1).width, "150px"); - }, "Size container query responds to fallback width"); - - test(() => { - assert_equals(getComputedStyle(inner2).backgroundColor, "rgb(255, 255, 0)"); - assert_equals(getComputedStyle(inner2).width, "100px"); - assert_equals(getComputedStyle(inner2).height, "150px"); - assert_equals(getComputedStyle(target2).top, "0px"); - assert_equals(getComputedStyle(target2).left, "0px"); - assert_equals(getComputedStyle(target2).width, "150px"); - }, "Size container query responds to fallback width and applies height to not fit the first fallback"); -</script> |