css/css-multicol/resize-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="resize-with-text-after-paint-ref.html">
  <p id="first" style="columns:3; width:50%; column-rule:solid;">
    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.
  </p>
  <p id="second" style="columns:3; width:200%; column-rule:solid;">
    Tenderloin ham boudin tongue sausage venison short ribs sirloin, kielbasa
    beef ribs. Strip steak shank bresaola salami spare ribs kielbasa fatback,
    cow t-bone flank leberkas sirloin. Jowl pork belly ribeye, corned beef
    sirloin chicken salami tail. Rump swine ham shank corned beef short loin,
    speck turkey pancetta shankle frankfurter. Pancetta tail fatback, ground
    round brisket biltong frankfurter turkey. Ham hock chicken strip steak,
    salami short ribs beef ribs pork sirloin pastrami pork loin turducken rump
    brisket andouille.
  </p>

  <script>
    requestAnimationFrame(()=> {
      requestAnimationFrame(()=> {
        first.style.width = "auto";
        second.style.width = "auto";
        document.documentElement.classList.remove("reftest-wait");
      });
    });
  </script>
</html>