Bug 299073 – Some page elements have a blue flicker (caused by @starting-style)

• Status: RESOLVED
• Resolution: FIXED
• Component: CSS

[Antti Koivisto]

Reduction

<style>

div {
    position: absolute;
    width: 100px;
    height: 100px;
}

@keyframes animation {
    from, to { margin-left: 0 }
}

@starting-style {
    .parent:after { }
}

.parent {
    animation: animation 1s;
}

.child:after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: black;
    animation: animation 1s;
}

</style>

<div class="parent">
    <div class="child"></div>
</div>

[Antti Koivisto]

rdar://154228431

[Antti Koivisto]

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

[EWS]

Committed 300169@main (27e097a3c04d): <https://commits.webkit.org/300169@main>

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

[Antti Koivisto]

Submitted web-platform-tests pull request: https://github.com/web-platform-tests/wpt/pull/54944

[EWS]

Committed 297297.438@safari-7622-branch (65af04e610af): <https://commits.webkit.org/297297.438@safari-7622-branch>

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