Skip to content

LibWeb: Remove replaced animations per effect target#9271

Open
kalenikaliaksandr wants to merge 1 commit intoLadybirdBrowser:masterfrom
kalenikaliaksandr:libweb-target-scoped-replaced-animations
Open

LibWeb: Remove replaced animations per effect target#9271
kalenikaliaksandr wants to merge 1 commit intoLadybirdBrowser:masterfrom
kalenikaliaksandr:libweb-target-scoped-replaced-animations

Conversation

@kalenikaliaksandr
Copy link
Copy Markdown
Member

Finished replaceable animations should only be replaced by newer animations that target the same effect target and property.

The previous bookkeeping was global per CSS property. This let a finished opacity animation on one element replace a finished opacity animation on another element, dropping the older animation's fill-forwards result. On Duolingo this made the hidden drawer backdrop fall back to its base visible opacity and tint the whole page.

duolingo-before-after-comparison

Finished replaceable animations should only be replaced by newer
animations that target the same effect target and property.

The previous bookkeeping was global per CSS property. This let a
finished opacity animation on one element replace a finished opacity
animation on another element, dropping the older animation's
fill-forwards result. On Duolingo this made the hidden drawer backdrop
fall back to its base visible opacity and tint the whole page.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants