188442 2018-08-09 10:33:24 -0700 animations with transform properties & :active states get stuck running 2018-08-14 08:07:11 -0700 1 1 1 Unclassified WebKit Animations WebKit Nightly Build Unspecified Unspecified RESOLVED CONFIGURATION CHANGED InRadar P2 Normal --- 1 jer.noble webkit-unassigned bfulgham dino graouts simon.fraser webkit-bug-importer zalan oldest_to_newest 1449027 0 346840 jer.noble 2018-08-09 10:33:24 -0700 Created attachment 346840 animation-test-transform.html Given an animation definition with @keyframe rules containing transform: properties, and a :active selector which sets the animation-iteration-count to infinite, the animation will not stop when the :active state is removed. An identical animation which uses top: properties in its @keyframe will stop correctly. 1449028 1 webkit-bug-importer 2018-08-09 10:33:52 -0700 <rdar://problem/43100174> 1449049 2 simon.fraser 2018-08-09 10:54:30 -0700 Does this happen if you disable "Web Animations and CSS Integration"? 1449937 3 graouts 2018-08-14 08:07:11 -0700 Actually, unless I misunderstand the test, it appears that Jer's test only works with the Web Animations code path and fails with the old code path. 346840 2018-08-09 10:33:24 -0700 2018-08-09 10:33:24 -0700 animation-test-transform.html animation-test-transform.html text/html 1007 jer.noble PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KPHRpdGxlPkFuaW1hdGlvbiB3aXRoIFRyYW5z Zm9ybSB2cyBUb3A8L3RpdGxlPgo8c3R5bGU+Ci5tYWdpYy04LWJhbGwgewoJcG9zaXRpb246IHJl bGF0aXZlOwoJbWFyZ2luOiA1MHB4OwoJd2lkdGg6IDYwMHB4OwoJaGVpZ2h0OiA2MDBweDsKCWJv cmRlci1yYWRpdXM6IDUwJTsKCWJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCgxMjVk ZWcsIHJnYmEoMjUwLCAyNTAsIDI1MCwgMC41KSwgdHJhbnNwYXJlbnQgMTAwJSk7CgljdXJzb3I6 IHBvaW50ZXI7Cn0KCi5tYWdpYy04LWJhbGwudG9wIHsKCWJhY2tncm91bmQtY29sb3I6IHJnYigw LCA3NSwgMCk7CglhbmltYXRpb24tbmFtZTogc2hha2UtOC1iYWxsLXRvcDsKfQoKLm1hZ2ljLTgt YmFsbC50cmFuc2Zvcm0gewoJYmFja2dyb3VuZC1jb2xvcjogcmdiKDc1LCAwLCAwKTsKCWFuaW1h dGlvbi1uYW1lOiBzaGFrZS04LWJhbGwtdHJhbnNmb3JtOwp9CgoubWFnaWMtOC1iYWxsOmFjdGl2 ZSB7CglhbmltYXRpb24tZHVyYXRpb246IC4yczsKCWFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6 IGluZmluaXRlOwp9CgpAa2V5ZnJhbWVzIHNoYWtlLTgtYmFsbC10b3AgewoJZnJvbSB7IHRvcDog MHB4OyB9CgkyNSUgeyB0b3A6IC01MHB4OyB9Cgk3NSUgeyB0b3A6IDUwcHg7IH0KCXRvIHsgdG9w OiAwcHg7IH0KfQoKQGtleWZyYW1lcyBzaGFrZS04LWJhbGwtdHJhbnNmb3JtIHsKCWZyb20geyB0 cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMHB4KTsgfQoJMjUlIHsgdHJhbnNmb3JtOiB0cmFuc2xhdGVZ KC01MHB4KTsgfQoJNzUlIHsgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDUwcHgpOyB9Cgl0byB7IHRy YW5zZm9ybTogdHJhbnNsYXRlWSgwcHgpOyB9Cn0KCjwvc3R5bGU+CjwvaGVhZD4KPGJvZHk+Cgk8 ZGl2IGNsYXNzPSJtYWdpYy04LWJhbGwgdG9wIj48L2Rpdj4KCTxkaXYgY2xhc3M9Im1hZ2ljLTgt YmFsbCB0cmFuc2Zvcm0iPjwvZGl2PgoJPC9kaXY+CjwvaHRtbD4=