141023 2015-01-28 19:17:14 -0800 WebKit incorrectly treats unitless "0" in -webkit-animation value as "animation-delay", instead of "animation-iteration-count" 2022-10-01 18:12:56 -0700 1 1 1 Unclassified WebKit Animations 528+ (Nightly build) PC Linux RESOLVED CONFIGURATION CHANGED https://bugs.webkit.org/show_bug.cgi?id=203484 P2 Normal --- 1 dholbert webkit-unassigned ahmad.saleem792 dino oldest_to_newest 1065131 0 245599 dholbert 2015-01-28 19:17:14 -0800 Created attachment 245599 testcase 1 STR: 1. Load attached testcase. EXPECTED RESULTS: Lime background on div. ACTUAL RESULTS: Red background on div. Firefox 35 gives me EXPECTED RESULTS. These webkit-based browsers on Ubuntu 14.10 give me ACTUAL RESULTS: - epiphany-browser 3.10.3, using libwebkit2gtk-3.0-25 - Midori 0.4.3, not sure what webkit version DISCUSSION: The testcase has: -webkit-animation: fadeIn 1s ease both 0; animation: fadeIn 1s ease both 0; It seems that webkit is parsing the final "0" there as a valid <time> and hence using it as an "animation-delay" value. However, it's not a valid <time> -- CSS <time> values require units. So it should instead be interpreted as an "animation-iteration-count" value, and be interpreted to mean that the animation shouldn't play (or should freeze at its first frame). See https://code.google.com/p/chromium/issues/detail?id=453182 for corresponding blink bug, with more discussion of the spec & how <time> requires units. (particularly comments number 6 and 7 there.) 1902678 1 ahmad.saleem792 2022-10-01 18:12:56 -0700 I am not able to reproduce this bug in Safari 16 and this shows "lime" color background, which is expected. I am going to mark this as "RESOLVED CONFIGURATION CHANGED". Thanks! 245599 2015-01-28 19:17:14 -0800 2015-01-28 19:17:14 -0800 testcase 1 animation-iteration-count-testcase.html text/html 398 dholbert PCFET0NUWVBFIGh0bWw+CjxzdHlsZT4KQC13ZWJraXQta2V5ZnJhbWVzIGZhZGVJbnsKICAwJXsg YmFja2dyb3VuZDogbGltZSB9CjEwMCV7IGJhY2tncm91bmQ6IHJlZCAgfQp9CkBrZXlmcmFtZXMg ZmFkZUluewogIDAleyBiYWNrZ3JvdW5kOiBsaW1lIH0KMTAwJXsgYmFja2dyb3VuZDogcmVkICB9 Cn0KCi5mYWRlSW57CiAgLXdlYmtpdC1hbmltYXRpb246IGZhZGVJbiAxcyBlYXNlIGJvdGggMDsK ICBhbmltYXRpb246ICAgICAgICAgZmFkZUluIDFzIGVhc2UgYm90aCAwOwoKfQo8L3N0eWxlPgo8 ZGl2IGNsYXNzPSJmYWRlSW4iPkkgc2hvdWxkIGhhdmUgYSBsaW1lIGJhY2tncm91bmQuCiAgQW5k IEkgc2hvdWxkIGRlZmluaXRlbHkgKm5vdCogaGF2ZSBhIHJlZCBiYWNrZ3JvdW5kLjwvZGl2Pgo=