Blitz - WPT: move-with-text-after-paint.html

wpt / css / css-multicol / move-with-text-after-paint.html

/css/css-multicol/move-with-text-after-paint.html

<!DOCTYPE html>
<html class="reftest-wait">
  <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
  <link rel="help" href="https://www.w3.org/TR/css-multicol-1/">
  <link rel="match" href="move-with-text-after-paint-ref.html">
  <div style="columns:3;">
    <div id="container" style="position:relative; top:0;">
      Short loin tri-tip pork belly, tail venison capicola turducken sausage
      pork. Turkey ribeye pork belly chicken chuck, speck shank tail short loin
      bacon tongue prosciutto. Tenderloin pastrami turkey, rump ball tip
      frankfurter ham hock pork chop sausage filet mignon beef hamburger pork
      sirloin speck. Meatball pig pork chop, short loin shankle pork loin flank
      ball tip capicola ham hock pork shank turkey pastrami. Corned beef
      capicola ribeye turkey bresaola, ground round fatback turducken.
    </div>
  </div>

  <script>
    requestAnimationFrame(()=> {
      requestAnimationFrame(()=> {
        container.style.top = "100px";
        document.documentElement.classList.remove("reftest-wait");
      });
    });
  </script>
</html>

/css/css-multicol/move-with-text-after-paint-ref.html

<!DOCTYPE html>
<html>
  <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
  <div style="columns:3;">
    <div style="position:relative; top:100px;">
      Short loin tri-tip pork belly, tail venison capicola turducken sausage
      pork. Turkey ribeye pork belly chicken chuck, speck shank tail short loin
      bacon tongue prosciutto. Tenderloin pastrami turkey, rump ball tip
      frankfurter ham hock pork chop sausage filet mignon beef hamburger pork
      sirloin speck. Meatball pig pork chop, short loin shankle pork loin flank
      ball tip capicola ham hock pork shank turkey pastrami. Corned beef
      capicola ribeye turkey bresaola, ground round fatback turducken.
    </div>
  </div>
</html>