Status: PASS | Duration: 5ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi
/css/css-view-transitions/nested/compute-explicit-name-non-ancestor.tentative.html
<!DOCTYPE html> <html class="reftest-wait no-match"> <title>Explicit view-transition-group name can only match ancestors</title> <meta name=fuzzy content="maxDifference=0-255; totalPixels=0-515"> <link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/"> <link rel="match" href="nested-ref.html"> <link rel=stylesheet href="resources/compute-common.css"></link> <link rel=stylesheet href="resources/pause-view-transitions.css"></link> <script src="/common/reftest-wait.js"></script> <script src="resources/compute-test.js"></script> <body> <div class="red"></div> <!-- this would appear as green because it inherits from the ::view-transition-group --> <div class="test red-ref"></div> </body>
/css/css-view-transitions/nested/nested-ref.html
<!DOCTYPE html> <style> body { margin: 0; } div.green { position: fixed; inset: 0; background: green; } </style> <body> <div class="green"> </div> </body>