mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-09-23 09:48:56 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

LibWeb: Update animation type of compositing properties

Browse source 
This updates `background-blend-mode`, `mix-blend-mode`, and `isolation`
to be animation type `discrete` rather than `none`. This reflects
169b0e1 but isn't reflected
on the published spec as the published spec is out of date - see
https://github.com/w3c/fxtf-drafts/issues/547

Gains us 26 WPT tests.
This commit is contained in:
Callum Law 2025-09-11 01:30:47 +12:00 • committed by Tim Ledbetter
commit c677b64773
Notes: github-actions[bot] 2025-09-10 14:06:46 +00:00
4 changed files with 81 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

6
Libraries/LibWeb/CSS/Properties.json
View file

@ -354,7 +354,7 @@
] ]
}, },
"background-blend-mode": { "background-blend-mode": {
"animation-type": "none", "animation-type": "discrete",
"inherited": false, "inherited": false,
"initial": "normal", "initial": "normal",
"valid-types": [ "valid-types": [
@ -2125,7 +2125,7 @@
"max-values": 1 "max-values": 1
}, },
"isolation": { "isolation": {
"animation-type": "none", "animation-type": "discrete",
"inherited": false, "inherited": false,
"initial": "auto", "initial": "auto",
"valid-types": [ "valid-types": [
@ -2634,7 +2634,7 @@
] ]
}, },
"mix-blend-mode": { "mix-blend-mode": {
"animation-type": "none", "animation-type": "discrete",
"inherited": false, "inherited": false,
"initial": "normal", "initial": "normal",
"valid-types": [ "valid-types": [

47
Tests/LibWeb/Text/expected/wpt-import/css/compositing/isolation/animation/isolation-no-interpolation.txt Normal file
View file

@ -0,0 +1,47 @@
Harness status: OK
Found 42 tests
42 Pass
Pass CSS Transitions with transition-behavior:allow-discrete: property <isolation> from [initial] to [isolate] at (-0.3) should be [initial]
Pass CSS Transitions with transition-behavior:allow-discrete: property <isolation> from [initial] to [isolate] at (0) should be [initial]
Pass CSS Transitions with transition-behavior:allow-discrete: property <isolation> from [initial] to [isolate] at (0.3) should be [initial]
Pass CSS Transitions with transition-behavior:allow-discrete: property <isolation> from [initial] to [isolate] at (0.5) should be [isolate]
Pass CSS Transitions with transition-behavior:allow-discrete: property <isolation> from [initial] to [isolate] at (0.6) should be [isolate]
Pass CSS Transitions with transition-behavior:allow-discrete: property <isolation> from [initial] to [isolate] at (1) should be [isolate]
Pass CSS Transitions with transition-behavior:allow-discrete: property <isolation> from [initial] to [isolate] at (1.5) should be [isolate]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <isolation> from [initial] to [isolate] at (-0.3) should be [initial]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <isolation> from [initial] to [isolate] at (0) should be [initial]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <isolation> from [initial] to [isolate] at (0.3) should be [initial]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <isolation> from [initial] to [isolate] at (0.5) should be [isolate]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <isolation> from [initial] to [isolate] at (0.6) should be [isolate]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <isolation> from [initial] to [isolate] at (1) should be [isolate]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <isolation> from [initial] to [isolate] at (1.5) should be [isolate]
Pass CSS Transitions: property <isolation> from [initial] to [isolate] at (-0.3) should be [isolate]
Pass CSS Transitions: property <isolation> from [initial] to [isolate] at (0) should be [isolate]
Pass CSS Transitions: property <isolation> from [initial] to [isolate] at (0.3) should be [isolate]
Pass CSS Transitions: property <isolation> from [initial] to [isolate] at (0.5) should be [isolate]
Pass CSS Transitions: property <isolation> from [initial] to [isolate] at (0.6) should be [isolate]
Pass CSS Transitions: property <isolation> from [initial] to [isolate] at (1) should be [isolate]
Pass CSS Transitions: property <isolation> from [initial] to [isolate] at (1.5) should be [isolate]
Pass CSS Transitions with transition: all: property <isolation> from [initial] to [isolate] at (-0.3) should be [isolate]
Pass CSS Transitions with transition: all: property <isolation> from [initial] to [isolate] at (0) should be [isolate]
Pass CSS Transitions with transition: all: property <isolation> from [initial] to [isolate] at (0.3) should be [isolate]
Pass CSS Transitions with transition: all: property <isolation> from [initial] to [isolate] at (0.5) should be [isolate]
Pass CSS Transitions with transition: all: property <isolation> from [initial] to [isolate] at (0.6) should be [isolate]
Pass CSS Transitions with transition: all: property <isolation> from [initial] to [isolate] at (1) should be [isolate]
Pass CSS Transitions with transition: all: property <isolation> from [initial] to [isolate] at (1.5) should be [isolate]
Pass CSS Animations: property <isolation> from [initial] to [isolate] at (-0.3) should be [initial]
Pass CSS Animations: property <isolation> from [initial] to [isolate] at (0) should be [initial]
Pass CSS Animations: property <isolation> from [initial] to [isolate] at (0.3) should be [initial]
Pass CSS Animations: property <isolation> from [initial] to [isolate] at (0.5) should be [isolate]
Pass CSS Animations: property <isolation> from [initial] to [isolate] at (0.6) should be [isolate]
Pass CSS Animations: property <isolation> from [initial] to [isolate] at (1) should be [isolate]
Pass CSS Animations: property <isolation> from [initial] to [isolate] at (1.5) should be [isolate]
Pass Web Animations: property <isolation> from [initial] to [isolate] at (-0.3) should be [initial]
Pass Web Animations: property <isolation> from [initial] to [isolate] at (0) should be [initial]
Pass Web Animations: property <isolation> from [initial] to [isolate] at (0.3) should be [initial]
Pass Web Animations: property <isolation> from [initial] to [isolate] at (0.5) should be [isolate]
Pass Web Animations: property <isolation> from [initial] to [isolate] at (0.6) should be [isolate]
Pass Web Animations: property <isolation> from [initial] to [isolate] at (1) should be [isolate]
Pass Web Animations: property <isolation> from [initial] to [isolate] at (1.5) should be [isolate]

29
Tests/LibWeb/Text/expected/wpt-import/css/css-backgrounds/animations/discrete-no-interpolation.txt
View file

@ -2,8 +2,7 @@ Harness status: OK
Found 252 tests Found 252 tests
239 Pass 252 Pass
13 Fail
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-attachment> from [initial] to [fixed] at (-0.3) should be [initial] Pass CSS Transitions with transition-behavior:allow-discrete: property <background-attachment> from [initial] to [fixed] at (-0.3) should be [initial]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-attachment> from [initial] to [fixed] at (0) should be [initial] Pass CSS Transitions with transition-behavior:allow-discrete: property <background-attachment> from [initial] to [fixed] at (0) should be [initial]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-attachment> from [initial] to [fixed] at (0.3) should be [initial] Pass CSS Transitions with transition-behavior:allow-discrete: property <background-attachment> from [initial] to [fixed] at (0.3) should be [initial]
@ -46,16 +45,16 @@ Pass Web Animations: property <background-attachment> from [initial] to [fixed]
Pass Web Animations: property <background-attachment> from [initial] to [fixed] at (0.6) should be [fixed] Pass Web Animations: property <background-attachment> from [initial] to [fixed] at (0.6) should be [fixed]
Pass Web Animations: property <background-attachment> from [initial] to [fixed] at (1) should be [fixed] Pass Web Animations: property <background-attachment> from [initial] to [fixed] at (1) should be [fixed]
Pass Web Animations: property <background-attachment> from [initial] to [fixed] at (1.5) should be [fixed] Pass Web Animations: property <background-attachment> from [initial] to [fixed] at (1.5) should be [fixed]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (-0.3) should be [initial] Pass CSS Transitions with transition-behavior:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (-0.3) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0) should be [initial] Pass CSS Transitions with transition-behavior:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0) should be [initial]
Fail CSS Transitions with transition-behavior:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0.3) should be [initial] Pass CSS Transitions with transition-behavior:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0.3) should be [initial]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0.5) should be [overlay] Pass CSS Transitions with transition-behavior:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0.5) should be [overlay]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0.6) should be [overlay] Pass CSS Transitions with transition-behavior:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0.6) should be [overlay]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (1) should be [overlay] Pass CSS Transitions with transition-behavior:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (1) should be [overlay]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (1.5) should be [overlay] Pass CSS Transitions with transition-behavior:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (1.5) should be [overlay]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (-0.3) should be [initial] Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (-0.3) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0) should be [initial] Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0) should be [initial]
Fail CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0.3) should be [initial] Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0.3) should be [initial]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0.5) should be [overlay] Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0.5) should be [overlay]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0.6) should be [overlay] Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (0.6) should be [overlay]
Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (1) should be [overlay] Pass CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <background-blend-mode> from [initial] to [overlay] at (1) should be [overlay]
@ -74,9 +73,9 @@ Pass CSS Transitions with transition: all: property <background-blend-mode> from
Pass CSS Transitions with transition: all: property <background-blend-mode> from [initial] to [overlay] at (0.6) should be [overlay] Pass CSS Transitions with transition: all: property <background-blend-mode> from [initial] to [overlay] at (0.6) should be [overlay]
Pass CSS Transitions with transition: all: property <background-blend-mode> from [initial] to [overlay] at (1) should be [overlay] Pass CSS Transitions with transition: all: property <background-blend-mode> from [initial] to [overlay] at (1) should be [overlay]
Pass CSS Transitions with transition: all: property <background-blend-mode> from [initial] to [overlay] at (1.5) should be [overlay] Pass CSS Transitions with transition: all: property <background-blend-mode> from [initial] to [overlay] at (1.5) should be [overlay]
Fail CSS Animations: property <background-blend-mode> from [initial] to [overlay] at (-0.3) should be [initial] Pass CSS Animations: property <background-blend-mode> from [initial] to [overlay] at (-0.3) should be [initial]
Fail CSS Animations: property <background-blend-mode> from [initial] to [overlay] at (0) should be [initial] Pass CSS Animations: property <background-blend-mode> from [initial] to [overlay] at (0) should be [initial]
Fail CSS Animations: property <background-blend-mode> from [initial] to [overlay] at (0.3) should be [initial] Pass CSS Animations: property <background-blend-mode> from [initial] to [overlay] at (0.3) should be [initial]
Pass CSS Animations: property <background-blend-mode> from [initial] to [overlay] at (0.5) should be [overlay] Pass CSS Animations: property <background-blend-mode> from [initial] to [overlay] at (0.5) should be [overlay]
Pass CSS Animations: property <background-blend-mode> from [initial] to [overlay] at (0.6) should be [overlay] Pass CSS Animations: property <background-blend-mode> from [initial] to [overlay] at (0.6) should be [overlay]
Pass CSS Animations: property <background-blend-mode> from [initial] to [overlay] at (1) should be [overlay] Pass CSS Animations: property <background-blend-mode> from [initial] to [overlay] at (1) should be [overlay]
@ -84,10 +83,10 @@ Pass CSS Animations: property <background-blend-mode> from [initial] to [overlay
Pass Web Animations: property <background-blend-mode> from [initial] to [overlay] at (-0.3) should be [initial] Pass Web Animations: property <background-blend-mode> from [initial] to [overlay] at (-0.3) should be [initial]
Pass Web Animations: property <background-blend-mode> from [initial] to [overlay] at (0) should be [initial] Pass Web Animations: property <background-blend-mode> from [initial] to [overlay] at (0) should be [initial]
Pass Web Animations: property <background-blend-mode> from [initial] to [overlay] at (0.3) should be [initial] Pass Web Animations: property <background-blend-mode> from [initial] to [overlay] at (0.3) should be [initial]
Fail Web Animations: property <background-blend-mode> from [initial] to [overlay] at (0.5) should be [overlay] Pass Web Animations: property <background-blend-mode> from [initial] to [overlay] at (0.5) should be [overlay]
Fail Web Animations: property <background-blend-mode> from [initial] to [overlay] at (0.6) should be [overlay] Pass Web Animations: property <background-blend-mode> from [initial] to [overlay] at (0.6) should be [overlay]
Fail Web Animations: property <background-blend-mode> from [initial] to [overlay] at (1) should be [overlay] Pass Web Animations: property <background-blend-mode> from [initial] to [overlay] at (1) should be [overlay]
Fail Web Animations: property <background-blend-mode> from [initial] to [overlay] at (1.5) should be [overlay] Pass Web Animations: property <background-blend-mode> from [initial] to [overlay] at (1.5) should be [overlay]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-clip> from [initial] to [content-box] at (-0.3) should be [initial] Pass CSS Transitions with transition-behavior:allow-discrete: property <background-clip> from [initial] to [content-box] at (-0.3) should be [initial]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-clip> from [initial] to [content-box] at (0) should be [initial] Pass CSS Transitions with transition-behavior:allow-discrete: property <background-clip> from [initial] to [content-box] at (0) should be [initial]
Pass CSS Transitions with transition-behavior:allow-discrete: property <background-clip> from [initial] to [content-box] at (0.3) should be [initial] Pass CSS Transitions with transition-behavior:allow-discrete: property <background-clip> from [initial] to [content-box] at (0.3) should be [initial]

17
Tests/LibWeb/Text/input/wpt-import/css/compositing/isolation/animation/isolation-no-interpolation.html Normal file
View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<link rel=author href="mailto:jarhar@chromium.org">
<link rel=help href="https://drafts.fxtf.org/compositing/#isolation">
<link rel=help href="https://drafts.csswg.org/css-transitions-2/#transition-property-property">
<link rel=help href="https://github.com/w3c/csswg-drafts/issues/4441">
<script src="../../../../resources/testharness.js"></script>
<script src="../../../../resources/testharnessreport.js"></script>
<script src="../../../../css/support/interpolation-testcommon.js"></script>
<body>
<script>
test_no_interpolation({
property: 'isolation',
from: 'initial',
to: 'isolate'
});
</script>