diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-anchor-position/anchor-scroll-chained-004.tentative.html')
-rw-r--r-- | testing/web-platform/tests/css/css-anchor-position/anchor-scroll-chained-004.tentative.html | 78 |
1 files changed, 0 insertions, 78 deletions
diff --git a/testing/web-platform/tests/css/css-anchor-position/anchor-scroll-chained-004.tentative.html b/testing/web-platform/tests/css/css-anchor-position/anchor-scroll-chained-004.tentative.html deleted file mode 100644 index f1765a9870..0000000000 --- a/testing/web-platform/tests/css/css-anchor-position/anchor-scroll-chained-004.tentative.html +++ /dev/null @@ -1,78 +0,0 @@ -<!DOCTYPE html> -<title>Tests scroll adjustments of element anchored to another anchored element</title> -<link rel="author" href="mailto:wangxianzhu@chromium.org"> -<link rel="help" href="https://drafts.csswg.org/css-anchor-1/"> -<link rel="match" href="reference/anchor-scroll-chained-004.tentative-ref.html"> -<style> -body { - margin: 0; -} - -div { - width: 100px; - height: 100px; -} - -#scroller1 { - width: 200px; - height: 200px; - position: relative; -} - -#scroller1,#scroller2,#scroller3 { - overflow: scroll; -} - -#anchor1 { - anchor-name: --a1; - height: 20px; - background: orange; -} - -#anchor2 { - anchor-name: --a2; - height: 20px; - background: cyan; -} - -#anchored1 { - position: absolute; - position-anchor: --a1; - left: anchor(--a1 left); - top: anchor(--a1 bottom); - background: green; -} - -#anchored2 { - position: absolute; - position-anchor: --a2; - left: anchor(--a2 left); - top: anchor(--a2 bottom); - background: lime; -} - -</style> - -<div id="scroller1"> - <div style="height: 100px"></div> - <div id="scroller2"> - <div style="height: 230px"></div> - <div id="anchor1"></div> - <div style="height: 230px"></div> - </div> - <div style="height: 100px"></div> - <div id="anchored1"> - <div id="scroller3"> - <div style="height: 230px"></div> - <div id="anchor2"></div> - <div style="height: 230px"></div> - </div> - </div> -</div> -<div id="anchored2"></div> - -<script> -scroller1.scrollTop = 80; -scroller2.scrollTop = 200; -scroller3.scrollTop = 200; -</script> |