commit ce001d64f878012a53f37c9ee99696b1ed514ce9
parent 86587b8543d2f8f224709463577452432a9c9dcd
Author: Kevin Ellis <kevers@google.com>
Date: Wed, 19 Nov 2025 04:56:49 +0000
Bug 2000896 [wpt PR 56093] - Revert "Scoped-VT anchor-positioning", a=testonly
Automatic update from web-platform-tests
Revert "Scoped-VT anchor-positioning"
This reverts commit 62208139cb83750c27031ca974e17b5ff883e2e3.
Reason for revert: CSS resolution on https://github.com/w3c/csswg-drafts/issues/12324
Bug: 446688001
Change-Id: I9ce6badc24c5e3ca708fe5c1d272c96e34cfa074
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7158018
Commit-Queue: Kevin Ellis <kevers@chromium.org>
Reviewed-by: Steve Kobes <skobes@chromium.org>
Reviewed-by: Rune Lillesveen <futhark@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1546589}
--
wpt-commits: 1f0f3a5d6e11ea0d6ea3e272863761a78db88278
wpt-pr: 56093
Diffstat:
4 files changed, 52 insertions(+), 72 deletions(-)
diff --git a/testing/web-platform/tests/css/css-view-transitions/scoped/content-ref.html b/testing/web-platform/tests/css/css-view-transitions/scoped/content-ref.html
@@ -6,7 +6,7 @@
body { margin: 20px }
#scope {
position: relative; z-index: 0; background: pink;
- border: 5px solid yellow; padding: 5px;
+ border: 5px dashed purple; padding: 5px;
width: 180px; height: 120px;
}
#part {
diff --git a/testing/web-platform/tests/css/css-view-transitions/scoped/crashtests/container-query-2..html b/testing/web-platform/tests/css/css-view-transitions/scoped/crashtests/container-query-2..html
@@ -1,22 +0,0 @@
-<!DOCTYPE html>
-<html class="test-wait">
-<style>
- #scope {
- container-type: inline-size;
- position: absolute;
- }
-</style>
-<div id="scope">
- <span>Crash?</span>
-</div>
-</body>
-<script>
- window.onload = async () => {
- const vt = scope.startViewTransition(() => {
- scope.querySelector('span').style.backgroundColor = "green";
- });
- await vt.ready;
- document.documentElement.classList.remove("test-wait");
- };
-</script>
-</html>
diff --git a/testing/web-platform/tests/css/css-view-transitions/scoped/crashtests/to-scale-zero.html b/testing/web-platform/tests/css/css-view-transitions/scoped/crashtests/to-scale-zero.html
@@ -1,49 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Scoped view-transition to scale 0</title>
- <!-- TODO update link -->
- <link rel="help" href="https://www.w3.org/TR/css-view-transitions-2/">
-</head>
-<script src="/dom/events/scrolling/scroll_support.js"></script>
-<style>
- #target {
- background-color: blue;
- height: 100px;
- width: 100px;
- position: relative;
- view-transition-name: target;
- z-index: 1;
- }
- .collapsed {
- transform: scale(0);
- }
-
- ::view-transition-old(target) {
- animation: -ua-view-transition-fade-out 1s -0.5s linear paused;
- }
-
- ::view-transition-new(target) {
- animation: -ua-view-transition-fade-in 1s -0.5s linear paused;
- }
-</style>
-<body>
- <div id="target"></div>
-</body>
-<script>
- failIfNot(Element.prototype.startViewTransition,
- "Missing element.startViewTransition");
-
- window.onload = async () => {
- const target = document.getElementById('target');
- await waitForCompositorReady();
- const vt = target.startViewTransition(() => {
- // Transform becomes singular. Object is no longer rendered.
- target.classList.toggle('collapsed');
- });
- await vt.finished;
- };
-</script>
-</html>
diff --git a/testing/web-platform/tests/css/css-view-transitions/scoped/to-scale-zero.html b/testing/web-platform/tests/css/css-view-transitions/scoped/to-scale-zero.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel="match" href="empty-ref.html">
+ <title>Scoped view-transition to scale 0</title>
+ <!-- TODO update link -->
+ <link rel="help" href="https://www.w3.org/TR/css-view-transitions-2/">
+</head>
+<script src="/common/reftest-wait.js"></script>
+<script src="/dom/events/scrolling/scroll_support.js"></script>
+<style>
+ #target {
+ background-color: blue;
+ height: 100px;
+ width: 100px;
+ position: relative;
+ view-transition-name: target;
+ z-index: 1;
+ }
+ .collapsed {
+ transform: scale(0);
+ }
+
+ ::view-transition-old(target) {
+ animation: -ua-view-transition-fade-out 1s -0.5s linear paused;
+ }
+
+ ::view-transition-new(target) {
+ animation: -ua-view-transition-fade-in 1s -0.5s linear paused;
+ }
+</style>
+<body>
+ <div id="target"></div>
+</body>
+<script>
+ failIfNot(Element.prototype.startViewTransition,
+ "Missing element.startViewTransition");
+
+ window.onload = async () => {
+ const target = document.getElementById('target');
+ await waitForCompositorReady();
+ const vt = target.startViewTransition(() => {
+ target.classList.toggle('collapsed');
+ });
+ await vt.ready;
+ requestAnimationFrame(takeScreenshot);
+ };
+</script>
+</html>
