<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>