render-element.tentative.html (943B)
1 <!DOCTYPE html> 2 <html class=reftest-wait> 3 <title>Nested group name should match direct parent</title> 4 <meta name=fuzzy content="maxDifference=0-255; totalPixels=0-515"> 5 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/"> 6 <link rel="match" href="nested-ref-100.html"> 7 <link rel=stylesheet href="resources/pause-view-transitions.css"></link> 8 <script src="/common/reftest-wait.js"></script> 9 <script src="resources/compute-test.js"></script> 10 <style> 11 body { 12 margin: 0; 13 } 14 div { 15 position: absolute; 16 top: 0; 17 left: 0; 18 width: 100px; 19 height: 100px; 20 } 21 22 .parent { 23 view-transition-name: parent; 24 } 25 26 .child { 27 view-transition-name: child; 28 view-transition-group: parent; 29 top: 100px; 30 left: 100px; 31 background: green; 32 } 33 </style> 34 <body> 35 <div class="parent"> 36 <div class="child"></div> 37 </div> 38 </body>