tor-browser

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

root-element-display-none-during-transition-crash.html (745B)

      1 <!DOCTYPE html>
      2 <html class=test-wait>
      3 <title>View transitions: entry animation from root display none</title>
      4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/">
      5 <link rel="author" href="mailto:vmpstr@chromium.org">
      6 
      7 <style>
      8 .hidden {
      9  display: none;
     10 }
     11 ::view-transition-group(*) {
     12  animation-duration: 500s
     13 }
     14 </style>
     15 
     16 <script>
     17 async function runTest() {
     18  transition = document.startViewTransition();
     19  transition.ready.then(() => {
     20    requestAnimationFrame(() => {
     21      document.documentElement.classList.toggle("hidden");
     22    });
     23  });
     24  transition.finished.then(() => document.documentElement.classList.remove("test-wait"));
     25 }
     26 onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
     27 </script>