<html>
    <head>
      <base href="https://bugs.webkit.org/">
    </head>
    <body>
      <p>
        <div>
            <b><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - Discrete animation of content property does not work"
   href="https://bugs.webkit.org/show_bug.cgi?id=183544#c3">Comment # 3</a>
              on <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - Discrete animation of content property does not work"
   href="https://bugs.webkit.org/show_bug.cgi?id=183544">bug 183544</a>
              from <span class="vcard"><a class="email" href="mailto:graouts@webkit.org" title="Antoine Quint <graouts@webkit.org>"> <span class="fn">Antoine Quint</span></a>
</span></b>
        <pre>(In reply to Brandon McConnell from <a href="show_bug.cgi?id=183544#c2">comment #2</a>)
<span class="quote">> Is there any update on this?</span >

I am now actively working on this.

<span class="quote">> Discrete animation has already been added for
> several CSS properties within WebKit/Safari, while most properties are
> discretely animatable across all other browsers and engines. Can we not
> simply allow all properties to be discretely animatable?</span >

While for a lot of CSS properties it's very simple to add support for discrete animation, the "content" property requires a bit more work. The way most CSS properties are implemented, it's not just a simple switch we can toggle to add support for discrete animations.

<span class="quote">> Specifically regarding this CSS property, `content`, this ticket has been
> pending in a "NEW" status since 2018. A prime example of this in action can
> be seen here, in a CodePen which I created over 2 years which appears to
> work across all other non-WebKit browsers:

> CodePen example: <a href="https://cdpn.io/e/bZqGdw">https://cdpn.io/e/bZqGdw</a></span >

Thanks for the example, I have it working with my work-in-progress fix, as well as the pen shared by the original reporter.

However, it seems there is no WPT coverage for this, so I need to add coverage before landing a fix.</pre>
        </div>
      </p>


      <hr>
      <span>You are receiving this mail because:</span>

      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>