diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:13:33 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:13:33 +0000 |
commit | 086c044dc34dfc0f74fbe41f4ecb402b2cd34884 (patch) | |
tree | a4f824bd33cb075dd5aa3eb5a0a94af221bbe83a /testing/web-platform/tests/css/css-anchor-position/position-fallback-cascade-layer-reorder.html | |
parent | Adding debian version 124.0.1-1. (diff) | |
download | firefox-086c044dc34dfc0f74fbe41f4ecb402b2cd34884.tar.xz firefox-086c044dc34dfc0f74fbe41f4ecb402b2cd34884.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-cascade-layer-reorder.html')
-rw-r--r-- | testing/web-platform/tests/css/css-anchor-position/position-fallback-cascade-layer-reorder.html | 72 |
1 files changed, 0 insertions, 72 deletions
diff --git a/testing/web-platform/tests/css/css-anchor-position/position-fallback-cascade-layer-reorder.html b/testing/web-platform/tests/css/css-anchor-position/position-fallback-cascade-layer-reorder.html deleted file mode 100644 index ec1a64205c..0000000000 --- a/testing/web-platform/tests/css/css-anchor-position/position-fallback-cascade-layer-reorder.html +++ /dev/null @@ -1,72 +0,0 @@ -<!DOCTYPE html> -<title>Tests that @position-fallback rules are reordered by cascade layers</title> -<link rel="help" href="https://drafts.csswg.org/css-anchor-1/#fallback-rule"> -<link rel="help" href="https://www.w3.org/TR/css-cascade-5/#layering"> -<link rel="author" href="mailto:xiaochengh@chromium.org"> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<style> -body { margin: 0; } -#anchor { - width: 100px; - height: 100px; - margin-left: 200px; - margin-top: 200px; - color: orange; - anchor-name: --a; -} - -.target { - position: absolute; - width: 100px; - height: 100px; - color: lime; - position-fallback: --fallback; -} -</style> - -<div id="anchor"></div> - -<script> -function createTargetWithStyle(test, style) { - let styleElement = document.createElement('style'); - styleElement.textContent = style; - let target = document.createElement('div'); - target.classList.add('target'); - - test.add_cleanup(() => { - styleElement.remove(); - target.remove(); - }); - - document.head.appendChild(styleElement); - document.body.appendChild(target); - return target; -} - -test(t => { - const target = createTargetWithStyle(t, ` - @position-fallback --fallback { - @try { right: anchor(--a left); } - } - @position-fallback --fallback { - @try { left: anchor(--a right); } - } - `); - assert_equals(target.offsetLeft, 300); -}, 'When in the same layer, the last rule of each name wins'); - -test(t => { - const target = createTargetWithStyle(t, ` - @position-fallback --fallback { - @try { bottom: anchor(--a top); } - } - @layer { - @position-fallback --fallback { - @try { top: anchor(--a bottom); } - } - } - `); - assert_equals(target.offsetTop, 100); -}, 'When in different layers, the rule of each name in the highest layer wins'); -</script> |