tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

nested-group-display-none.tentative.html (1182B)

      1 <!DOCTYPE html>
      2 <html class=reftest-wait>
      3 <title>Nested view-transition-group with display:none</title>
      4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/">
      5 <link rel="match" href="nested-ref.html">
      6 <link rel=stylesheet href="resources/pause-view-transitions.css"></link>
      7 <meta name=fuzzy content="maxDifference=0-255; totalPixels=0-515">
      8 <script src="/common/reftest-wait.js"></script>
      9 <style>
     10    body {
     11        background: green;
     12    }
     13    main {
     14        view-transition-name: main;
     15    }
     16 
     17    section {
     18        view-transition-name: section;
     19        view-transition-group: main;
     20    }
     21 
     22    ::view-transition-group(*)
     23    ::view-transition-image-pair(*),
     24    ::view-transition-old(*),
     25    ::view-transition-new(*)
     26     {
     27        display: none;
     28    }
     29 </style>
     30 <body>
     31    <main>
     32        <section>
     33            Hello
     34        </section>
     35    </main>
     36 <script>
     37 failIfNot(document.startViewTransition, "Missing document.startViewTransition");
     38 
     39 async function runTest() {
     40  let transition = document.startViewTransition();
     41  transition.ready.then(() => takeScreenshot());
     42 }
     43 onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
     44 </script>
     45 </body>