Summary: | CSS Transition of inherited value sequenced across children elements | ||||||
---|---|---|---|---|---|---|---|
Product: | WebKit | Reporter: | Meir Cohen <meirkoen> | ||||
Component: | Animations | Assignee: | Nobody <webkit-unassigned> | ||||
Status: | NEW --- | ||||||
Severity: | Critical | CC: | dino, graouts, graouts, koivisto, myfonj, simon.fraser, webkit-bug-importer | ||||
Priority: | P2 | Keywords: | BrowserCompat, InRadar | ||||
Version: | Safari 13 | ||||||
Hardware: | Mac | ||||||
OS: | macOS 10.15 | ||||||
Attachments: |
|
Description
Meir Cohen
2020-07-15 07:21:41 PDT
Pretty amazing, thanks for filing Meir! There are transition events fired on each frame here. This issues reproduces with a Safari build that predates the new Web Animations engine, this is likely a bug in the CSS code that generates the Animation objects fed to Style::TreeResolver::createAnimatedElementUpdate(). Created attachment 405683 [details]
Reduction
I've reduced the test further to just a color transition on <p> and nested <span> without any text-ident or display styles.
This test only works correctly in Firefox, both Chrome and Safari have the wrong behavior of staggering the animations across elements. |