commit 1db9d70877578811e226531d2347b6080bb239cc parent c8fca6785007339177f73b26287f371668dadacb Author: Tim Nguyen <nt1m@users.noreply.github.com> Date: Thu, 6 Nov 2025 21:35:05 +0000 Bug 1997729 [wpt PR 55805] - WebKit export of https://bugs.webkit.org/show_bug.cgi?id=301641, a=testonly Automatic update from web-platform-tests WebKit export: REGRESSION(302102@main): daringfireball.net layout is broken at wider window widths when zooming (#55805) https://bugs.webkit.org/show_bug.cgi?id=301641 Co-authored-by: Sammy Gill <sammy.gill@apple.com> -- wpt-commits: 5e1927c2fae1f05f6f79cb3b632853a3cfda27cf wpt-pr: 55805 Diffstat:
| A | testing/web-platform/tests/css/css-viewport/zoom/abspos-static-position.html | | | 31 | +++++++++++++++++++++++++++++++ |
| A | testing/web-platform/tests/css/css-viewport/zoom/reference/abspos-static-position-ref.html | | | 26 | ++++++++++++++++++++++++++ |
2 files changed, 57 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/css-viewport/zoom/abspos-static-position.html b/testing/web-platform/tests/css/css-viewport/zoom/abspos-static-position.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<html> +<head> +<link rel="help" href="https://drafts.csswg.org/css-viewport/#zoom-property"> +<link rel="match" href="reference/abspos-static-position-ref.html"> +<style> +body { + margin: 0; + zoom: 2; +} +.parent { + margin-top: 50px; + margin-left: 25%; + height: 100px; + outline: 2px solid black; +} + +.abspos { + position: absolute; + width: 100px; + height: 100px; + background-color: green; +} +</style> +</head> +<body> +<div class="parent"> + <div class="abspos"></div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-viewport/zoom/reference/abspos-static-position-ref.html b/testing/web-platform/tests/css/css-viewport/zoom/reference/abspos-static-position-ref.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<html> +<style> +body { + margin: 0; +} +.parent { + margin-top: 100px; + margin-left: 25%; + height: 200px; + outline: 4px solid black; +} + +.abspos { + position: absolute; + width: 200px; + height: 200px; + background-color: green; +} +</style> +<body> +<div class="parent"> + <div class="abspos"></div> +</div> +</body> +</html>