[Webkit-unassigned] [Bug 108965] Keyframe ease written in shorthand is not applied to animation

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Wed Nov 9 07:21:42 PST 2022


https://bugs.webkit.org/show_bug.cgi?id=108965

--- Comment #7 from Ahmad Saleem <ahmad.saleem792 at gmail.com> ---
(In reply to Ahmad Saleem from comment #6)
> I updated the test slightly to remove -webkit- prefixes from keyframe and
> animation.
> 
> Link - https://jsfiddle.net/n2v59g1L/show
> 
> These are all browsers output:
> 
> *** Safari 15.6.1 on macOS 12.5.1 ***
> 
> Inserted @keyframes test { 0% { width: 10px; animation-timing-function:
> ease; }}
> Got @-webkit-keyframes test { 0% { width: 10px; animation-timing-function:
> ease; } }
> 
> *** Safari Technology Preview 151 ***
> 
> Inserted @keyframes test { 0% { width: 10px; animation-timing-function:
> ease; }}
> Got @-webkit-keyframes test { 0% { width: 10px; animation-timing-function:
> ease; } }
> 
> *** Firefox Nightly 105 ***
> 
> Inserted @keyframes test { 0% { width: 10px; animation-timing-function:
> ease; }}
> Got @keyframes test { 0% { width: 10px; animation-timing-function: ease; } }
> 
> *** Chrome Canary 106 ***
> 
> Inserted @keyframes test { 0% { width: 10px; animation-timing-function:
> ease; }}
> Got @keyframes test { 0% { width: 10px; animation-timing-function: ease; } }
> 
> ______
> 
> Just wanted to share updated results. Thanks!

Based on attached testcase:

Safari Technology Preview 157 now shows:

Inserted @-webkit-keyframes test { 0% { width: 10px; -webkit-animation-timing-function: ease; }}
Got @keyframes test { 0% { width: 10px; animation-timing-function: ease; } }

Chrome Canary 109:

Inserted @-webkit-keyframes test { 0% { width: 10px; -webkit-animation-timing-function: ease; }}
Got @-webkit-keyframes test { 0% { width: 10px; animation-timing-function: ease; } }

Firefox Nightly 108:

Inserted @-webkit-keyframes test { 0% { width: 10px; -webkit-animation-timing-function: ease; }}
Got @keyframes test { 0% { width: 10px; animation-timing-function: ease; } }

____ Using jsfiddle______

Safari Technology Preview 157:

Inserted @keyframes test { 0% { width: 10px; animation-timing-function: ease; }}
Got @keyframes test { 0% { width: 10px; animation-timing-function: ease; } }

Chrome Canary 109:

Inserted @keyframes test { 0% { width: 10px; animation-timing-function: ease; }}
Got @keyframes test { 0% { width: 10px; animation-timing-function: ease; } }

Firefox Nightly 108:

Inserted @keyframes test { 0% { width: 10px; animation-timing-function: ease; }}
Got @keyframes test { 0% { width: 10px; animation-timing-function: ease; } }

______

Chrome is still pushing -webkit- prefixed output while now STP157 matches Firefox Nightly 109.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20221109/11089874/attachment.htm>


More information about the webkit-unassigned mailing list