Bug 248152 – [web-animations] keyframes should be recomputed when a parent element changes value for a non-inherited property set to "inherit"

• Status: RESOLVED
• Resolution: FIXED
• Component: Animations

[Antoine Quint]

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

[Antoine Quint]

Created attachment 463630 [details]
Test

Adding a standalone test using a CSS animation.

[Antoine Quint]

Currently this seems to only work in Chrome (Canary anyway).

[Radar WebKit Bug Importer]

<rdar://problem/102694235>

[Antoine Quint]

Pull request: https://github.com/WebKit/WebKit/pull/9381

[EWS]

Committed 259645@main (25ead8e66edd): <https://commits.webkit.org/259645@main>

Reviewed commits have been landed. Closing PR #9381 and removing active labels.