248152 2022-11-20 11:37:38 -0800 [web-animations] keyframes should be recomputed when a parent element changes value for a non-inherited property set to "inherit" 2023-01-31 14:06:11 -0800 1 1 1 Unclassified WebKit Animations Safari Technology Preview Unspecified Unspecified RESOLVED FIXED BrowserCompat, InRadar, WPTImpact P2 Normal --- 251433 1 graouts graouts dino graouts karlcow koivisto webkit-bug-importer oldest_to_newest 1913752 0 graouts 2022-11-20 11:37:38 -0800 We are failing a number of WPT tests where a keyframes uses an "inherit" value for a given property and that property changes on a parent dynamically. For instance, in web-animations/responsive/perspective.html: test(function() { container.style.perspective = 'none'; var player = element.animate([{perspective: 'inherit'}, {perspective: '20px'}], 4000); player.pause(); player.currentTime = 1000; assert_equals(getComputedStyle(element).perspective, 'none'); container.style.perspective = '100px'; assert_equals(getComputedStyle(element).perspective, '80px'); container.style.perspective = 'none'; assert_equals(getComputedStyle(element).perspective, 'none'); }, 'perspective responsive to inherited changes'); This makes us fail a number of similar WPT tests under web-animations/responsive/. 1913754 1 463630 graouts 2022-11-20 11:45:34 -0800 Created attachment 463630 Test Adding a standalone test using a CSS animation. 1913755 2 graouts 2022-11-20 11:47:05 -0800 Currently this seems to only work in Chrome (Canary anyway). 1914848 3 webkit-bug-importer 2022-11-27 11:38:16 -0800 <rdar://problem/102694235> 1929748 4 graouts 2023-01-31 06:11:35 -0800 Pull request: https://github.com/WebKit/WebKit/pull/9381 1929867 5 ews-feeder 2023-01-31 14:06:08 -0800 Committed 259645@main (25ead8e66edd): <https://commits.webkit.org/259645@main> Reviewed commits have been landed. Closing PR #9381 and removing active labels. 463630 2022-11-20 11:45:34 -0800 2022-11-20 11:45:34 -0800 Test bug-248152-keyframe-update-inherit.html text/html 694 graouts PHN0eWxlPgoKQGtleWZyYW1lcyBpbmhlcml0LWFuaW0gewogICAgZnJvbSB7IGxlZnQ6IGluaGVy aXQgfQogICAgdG8gICB7IGxlZnQ6IDEwMHB4IH0KfQoKI3BhcmVudCB7CiAgICBsZWZ0OiAwcHg7 Cn0KCiNjaGlsZCB7CiAgICBhbmltYXRpb246IGluaGVyaXQtYW5pbSAxcyBsaW5lYXI7Cn0KCjwv c3R5bGU+CjxkaXYgaWQ9InBhcmVudCI+CiAgICA8ZGl2IGlkPSJjaGlsZCI+PC9kaXY+CjwvZGl2 Pgo8c2NyaXB0PgoKY29uc3QgcGFyZW50ID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcigiI3BhcmVu dCIpOwpjb25zdCBjaGlsZCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoIiNjaGlsZCIpOwoKY29u c3QgYW5pbWF0aW9uID0gY2hpbGQuZ2V0QW5pbWF0aW9ucygpWzBdOwphbmltYXRpb24uY3VycmVu dFRpbWUgPSA1MDA7CmFuaW1hdGlvbi5wYXVzZSgpOwoKY29uc29sZS5sb2coYEFuaW1hdGVkIGxl ZnQgc3R5bGUgd2l0aCBpbml0aWFsIGxlZnQgdmFsdWU6ICR7Z2V0Q29tcHV0ZWRTdHlsZShjaGls ZCkubGVmdH0gKGV4cGVjdGVkIDUwcHgpYCk7CgpwYXJlbnQuc3R5bGUubGVmdCA9ICI1MHB4IjsK Y29uc29sZS5sb2coYEFuaW1hdGVkIGxlZnQgc3R5bGUgd2l0aCBpbml0aWFsIGxlZnQgdmFsdWU6 ICR7Z2V0Q29tcHV0ZWRTdHlsZShjaGlsZCkubGVmdH0gKGV4cGVjdGVkIDc1cHgpYCk7CiAgICAK PC9zY3JpcHQ+Cg==