[wpt-sync] Sync PR 54429 - WebKit export of https://bugs.webkit.org/show_bug.cgi?id=297596
Categories
(Core :: CSS Transitions and Animations, task, P4)
Tracking
()
| Tracking | Status | |
|---|---|---|
| firefox144 | --- | fixed |
People
(Reporter: wpt-sync, Unassigned)
References
()
Details
(Whiteboard: [wptsync downstream])
Sync web-platform-tests PR 54429 into mozilla-central (this bug is closed when the sync is complete).
PR: https://github.com/web-platform-tests/wpt/pull/54429
Details from upstream follow.
Antoine Quint <graouts@apple.com> wrote:
WebKit export of https://bugs.webkit.org/show_bug.cgi?id=297596
WebKit export from bug: “Infinite” CSS animation durations render page unresponsive
| Assignee | ||
Updated•7 months ago
|
| Assignee | ||
Comment 1•7 months ago
|
||
| Assignee | ||
Comment 2•7 months ago
|
||
CI Results
Ran 14 Firefox configurations based on mozilla-central, and Firefox, and Chrome on GitHub CI
Total 145 tests
Status Summary
Firefox
OK : 111
PASS: 1[GitHub] 13[Gecko-android-em-14-x86_64-debug-geckoview, Gecko-android-em-14-x86_64-lite-opt-geckoview, Gecko-android-em-14-x86_64-opt-geckoview, Gecko-linux2204-64-wayland-debug, Gecko-linux2204-64-wayland-opt] 1007[Gecko-windows11-32-24h2-debug, Gecko-windows11-32-24h2-opt] 1025[Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview] 1026[Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-linux2404-64-debug, Gecko-linux2404-64-opt, Gecko-windows11-64-24h2-debug, Gecko-windows11-64-24h2-opt]
FAIL: 298[Gecko-windows11-32-24h2-debug, Gecko-windows11-32-24h2-opt] 299[Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-linux2404-64-debug, Gecko-linux2404-64-opt, Gecko-windows11-64-24h2-debug, Gecko-windows11-64-24h2-opt] 300[Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview]
Chrome
PASS: 1
Links
Gecko CI (Treeherder)
GitHub PR Head
GitHub PR Base
Details
New Tests That Don't Pass
- /css/css-animations/KeyframeEffect-getKeyframes.tentative.html [wpt.fyi]
- KeyframeEffect.getKeyframes() returns expected frames for an animation with a 0% keyframe and no 100% keyframe:
FAIL - KeyframeEffect.getKeyframes() returns expected frames for an animation with a 100% keyframe and no 0% keyframe:
FAIL - KeyframeEffect.getKeyframes() returns expected frames for an animation with no 0% or 100% keyframe but with a 50% keyframe:
FAIL - KeyframeEffect.getKeyframes() returns expected frames for an animation with multiple keyframes for the same time and with different easing functions and composite operations:
FAIL - KeyframeEffect.getKeyframes() returns expected values for animations with filter properties and missing keyframes:
FAIL - KeyframeEffect.getKeyframes() returns expected values for animations with text-shadow properties and missing keyframes:
FAIL - KeyframeEffect.getKeyframes() returns expected values for animations with background-size properties and missing keyframes:
FAIL - KeyframeEffect.getKeyframes() returns expected values for animations with CSS variables as keyframe values:
FAIL - KeyframeEffect.getKeyframes() returns expected values for animations with CSS variables as keyframe values in a shorthand property:
FAIL - KeyframeEffect.getKeyframes() returns expected values for animations with a CSS variable which is overriden by the value in keyframe:
FAIL - KeyframeEffect.getKeyframes() returns expected values for animations with only custom property in a keyframe:
FAIL - KeyframeEffect.getKeyframes() returns expected values for animations with implicit values and a non-default timingfunction specified for 0% and 100%:
FAIL
- KeyframeEffect.getKeyframes() returns expected frames for an animation with a 0% keyframe and no 100% keyframe:
- /css/css-animations/animate-with-background-color-oklch-002.html [wpt.fyi]
- Animate from legacy rgb to oklch:
FAIL - Animate from legacy rgb to color-mix oklch:
FAIL
- Animate from legacy rgb to oklch:
- /css/css-animations/animate-with-color-mix.html [wpt.fyi]
- Animate from neutral keyframe with color-mix to legacy rgb:
FAIL - Animate from legacy rgb to neutral keyframe with color-mix:
FAIL - Animate from neutral keyframe with color-mix to srgb:
FAIL - Animate from srgb to neutral keyframe with color-mix:
FAIL - Animate from color-mix with transparency to legacy rgba:
FAIL - Animate from legacy rgba to color-mix with transparency:
FAIL
- Animate from neutral keyframe with color-mix to legacy rgb:
- /css/css-animations/animate-with-relative-color.html [wpt.fyi]
- Animate from absolute oklch to relative oklch:
FAIL - Animate from color keyword to relative rgb:
FAIL
- Animate from absolute oklch to relative oklch:
- /css/css-animations/dialog-backdrop-animation.html [wpt.fyi]
- CSS Animations on a <dialog> ::backdrop are canceled and restarted as the dialog is hidden and shown:
FAIL
- CSS Animations on a <dialog> ::backdrop are canceled and restarted as the dialog is hidden and shown:
- /css/css-animations/display-interpolation.html [wpt.fyi]
- CSS Transitions: property <display> from [block] to [none] at (-1) should be [block]:
FAIL - CSS Transitions: property <display> from [block] to [none] at (0) should be [block]:
FAIL - CSS Transitions: property <display> from [block] to [none] at (0.1) should be [block]:
FAIL - CSS Transitions: property <display> from [block] to [none] at (0.9) should be [block]:
FAIL - CSS Transitions with transition: all: property <display> from [block] to [none] at (-1) should be [block]:
FAIL - CSS Transitions with transition: all: property <display> from [block] to [none] at (0) should be [block]:
FAIL - CSS Transitions with transition: all: property <display> from [block] to [none] at (0.1) should be [block]:
FAIL - CSS Transitions with transition: all: property <display> from [block] to [none] at (0.9) should be [block]:
FAIL - CSS Animations: property <display> from [block] to [none] at (1) should be [none]:
FAIL - CSS Animations: property <display> from [block] to [none] at (1.5) should be [none]:
FAIL - Web Animations: property <display> from [block] to [none] at (1) should be [none]:
FAIL - Web Animations: property <display> from [block] to [none] at (1.5) should be [none]:
FAIL - CSS Animations: property <display> from [none] to [block] at (-1) should be [none]:
FAIL - CSS Animations: property <display> from [none] to [block] at (0) should be [none]:
FAIL - Web Animations: property <display> from [none] to [block] at (-1) should be [none]:
FAIL - Web Animations: property <display> from [none] to [block] at (0) should be [none]:
FAIL - CSS Transitions with transition-behavior:allow-discrete: property <display> from [inline] to [block] at (-0.3) should be [inline]:
FAIL - CSS Transitions with transition-behavior:allow-discrete: property <display> from [inline] to [block] at (0) should be [inline]:
FAIL - CSS Transitions with transition-behavior:allow-discrete: property <display> from [inline] to [block] at (0.3) should be [inline]:
FAIL - CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <display> from [inline] to [block] at (-0.3) should be [inline]:
FAIL - CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <display> from [inline] to [block] at (0) should be [inline]:
FAIL - CSS Transitions with transition-property:all and transition-behavor:allow-discrete: property <display> from [inline] to [block] at (0.3) should be [inline]:
FAIL - CSS Animations: property <display> from [inline] to [block] at (-0.3) should be [inline]:
FAIL - CSS Animations: property <display> from [inline] to [block] at (0) should be [inline]:
FAIL - CSS Animations: property <display> from [inline] to [block] at (0.3) should be [inline]:
FAIL - Web Animations: property <display> from [inline] to [block] at (-0.3) should be [inline]:
FAIL - Web Animations: property <display> from [inline] to [block] at (0) should be [inline]:
FAIL - Web Animations: property <display> from [inline] to [block] at (0.3) should be [inline]:
FAIL - CSS Animations: property <display> from [none] to [none] at (-1) should be [none]:
FAIL - CSS Animations: property <display> from [none] to [none] at (0) should be [none]:
FAIL - CSS Animations: property <display> from [none] to [none] at (0.1) should be [none]:
FAIL - CSS Animations: property <display> from [none] to [none] at (0.9) should be [none]:
FAIL - CSS Animations: property <display> from [none] to [none] at (1) should be [none]:
FAIL - CSS Animations: property <display> from [none] to [none] at (1.5) should be [none]:
FAIL - Web Animations: property <display> from [none] to [none] at (-1) should be [none]:
FAIL - Web Animations: property <display> from [none] to [none] at (0) should be [none]:
FAIL - Web Animations: property <display> from [none] to [none] at (0.1) should be [none]:
FAIL - Web Animations: property <display> from [none] to [none] at (0.9) should be [none]:
FAIL - Web Animations: property <display> from [none] to [none] at (1) should be [none]:
FAIL - Web Animations: property <display> from [none] to [none] at (1.5) should be [none]:
FAIL
- CSS Transitions: property <display> from [block] to [none] at (-1) should be [block]:
- /css/css-animations/display-none-dont-cancel-pseudo.tentative.html [wpt.fyi]
- A CSS Animation on a pseudo-element animating to "display: none" with "fill: forwards" remains active after animation completion.:
FAIL
- A CSS Animation on a pseudo-element animating to "display: none" with "fill: forwards" remains active after animation completion.:
- /css/css-animations/display-none-dont-cancel.tentative.html [wpt.fyi]
- display:none animating to display:inline should be inline for the whole animation.:
FAIL - A CSS variable of display:none animating to display:inline should be inline for the whole animation.:
FAIL - Animating from display:none to display:none should not cancel the animation.:
FAIL - Animating from display:none to display:none with an intermediate variable should not cancel the animation.:
FAIL - Animating a variable of "none" which gets set to display elsewhere should not cancel the animation.:
FAIL
- display:none animating to display:inline should be inline for the whole animation.:
- /css/css-animations/event-dispatch.tentative.html [wpt.fyi]
- Replacing a running animation should get animationcancel earlier than animationstart:
FAIL - The cancel event should be fired before the new start event if both have the same position in the animation list:
FAIL
- Replacing a running animation should get animationcancel earlier than animationstart:
- /css/css-animations/event-order.tentative.html [wpt.fyi]
- Start and end events are sorted correctly when fired simultaneously:
FAIL[Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview,Gecko-android-em-7.0-x86_64-qr-opt-geckoview],PASS[Gecko-android-em-7.0-x86_64-qr-debug-geckoview,Gecko-linux2404-64-debug,Gecko-linux2404-64-opt,Gecko-windows11-32-24h2-debug,Gecko-windows11-32-24h2-opt,Gecko-windows11-64-24h2-debug,Gecko-windows11-64-24h2-opt]
- Start and end events are sorted correctly when fired simultaneously:
- /css/css-animations/parsing/animation-delay-computed.html [wpt.fyi]
- Property animation-delay value 'calc(10s + (sign(2cqw - 10px) * 5s))':
FAIL
- Property animation-delay value 'calc(10s + (sign(2cqw - 10px) * 5s))':
- /css/css-animations/parsing/animation-duration-computed.html [wpt.fyi]
- Property animation-duration value 'calc(10s + (sign(2cqw - 10px) * 5s))':
FAIL
- Property animation-duration value 'calc(10s + (sign(2cqw - 10px) * 5s))':
- /css/css-animations/parsing/animation-iteration-count-computed.html [wpt.fyi]
- Property animation-iteration-count value 'calc(10 + (sign(2cqw - 10px) * 5))':
FAIL
- Property animation-iteration-count value 'calc(10 + (sign(2cqw - 10px) * 5))':
- /css/css-animations/parsing/animation-range-end-computed.html [wpt.fyi]
- Property animation-range-end value 'initial':
FAIL - Property animation-range-end value 'normal':
FAIL - Property animation-range-end value 'cover 0%':
FAIL - Property animation-range-end value 'cover 100%':
FAIL - Property animation-range-end value 'COVER 0%':
FAIL - Property animation-range-end value 'COVER 100%':
FAIL - Property animation-range-end value 'cover 120%':
FAIL - Property animation-range-end value '0':
FAIL - Property animation-range-end value '120%':
FAIL - Property animation-range-end value '0%':
FAIL - Property animation-range-end value '100%':
FAIL - Property animation-range-end value '120px':
FAIL - Property animation-range-end value 'cover 42%':
FAIL - Property animation-range-end value 'cover -42%':
FAIL - Property animation-range-end value 'contain 42%':
FAIL - Property animation-range-end value 'exit 42%':
FAIL - Property animation-range-end value 'exit calc(41% + 1%)':
FAIL - Property animation-range-end value 'exit-crossing 42%':
FAIL - Property animation-range-end value 'exit 1%, cover 2%, contain 0%':
FAIL - Property animation-range-end value 'exit 1%, cover 2%, contain 100%':
FAIL - Property animation-range-end value 'entry 42px':
FAIL - Property animation-range-end value 'entry-crossing 42px':
FAIL - Property animation-range-end value 'contain calc(10% + 10px)':
FAIL - Property animation-range-end value 'entry 1em':
FAIL - Property animation-range-end value 'exit calc(1em + 10px)':
FAIL - Property animation-range-end value 'cover':
FAIL - Property animation-range-end value 'contain':
FAIL - Property animation-range-end value 'entry':
FAIL - Property animation-range-end value 'exit':
FAIL
- Property animation-range-end value 'initial':
- /css/css-animations/parsing/animation-range-end-valid.html [wpt.fyi]
- e.style['animation-range-end'] = "normal" should set the property value:
FAIL - e.style['animation-range-end'] = "cover 0%" should set the property value:
FAIL - e.style['animation-range-end'] = "cover 100%" should set the property value:
FAIL - e.style['animation-range-end'] = "cover 120%" should set the property value:
FAIL - e.style['animation-range-end'] = "cover 42%" should set the property value:
FAIL - e.style['animation-range-end'] = "0" should set the property value:
FAIL - e.style['animation-range-end'] = "120%" should set the property value:
FAIL - e.style['animation-range-end'] = "120px" should set the property value:
FAIL - e.style['animation-range-end'] = "cover -42%" should set the property value:
FAIL - e.style['animation-range-end'] = "contain 42%" should set the property value:
FAIL - e.style['animation-range-end'] = "exit 42%" should set the property value:
FAIL - e.style['animation-range-end'] = "exit 1%, cover 2%, contain 0%" should set the property value:
FAIL - e.style['animation-range-end'] = "exit 1%, cover 2%, contain 100%" should set the property value:
FAIL - e.style['animation-range-end'] = "exit-crossing 42%" should set the property value:
FAIL - e.style['animation-range-end'] = "entry 42px" should set the property value:
FAIL - e.style['animation-range-end'] = "entry-crossing 42px" should set the property value:
FAIL - e.style['animation-range-end'] = "contain calc(10px + 10%)" should set the property value:
FAIL - e.style['animation-range-end'] = "entry 1em" should set the property value:
FAIL - e.style['animation-range-end'] = "exit calc(1em + 10px)" should set the property value:
FAIL - e.style['animation-range-end'] = "entry 42%" should set the property value:
FAIL - e.style['animation-range-end'] = "cover" should set the property value:
FAIL - e.style['animation-range-end'] = "contain" should set the property value:
FAIL - e.style['animation-range-end'] = "entry" should set the property value:
FAIL - e.style['animation-range-end'] = "exit" should set the property value:
FAIL
- e.style['animation-range-end'] = "normal" should set the property value:
- /css/css-animations/parsing/animation-range-shorthand.html [wpt.fyi]
- e.style['animation-range'] = "normal" should set the property value:
FAIL - e.style['animation-range'] = "normal normal" should set the property value:
FAIL - e.style['animation-range'] = "cover" should set the property value:
FAIL - e.style['animation-range'] = "contain" should set the property value:
FAIL - e.style['animation-range'] = "entry" should set the property value:
FAIL - e.style['animation-range'] = "entry-crossing" should set the property value:
FAIL - e.style['animation-range'] = "exit" should set the property value:
FAIL - e.style['animation-range'] = "exit-crossing" should set the property value:
FAIL - e.style['animation-range'] = "entry, exit" should set the property value:
FAIL - e.style['animation-range'] = "entry 0% entry 100%" should set the property value:
FAIL - e.style['animation-range'] = "entry-crossing 0% entry-crossing 100%" should set the property value:
FAIL - e.style['animation-range'] = "exit 0% exit 100%" should set the property value:
FAIL - e.style['animation-range'] = "exit-crossing 0% exit-crossing 100%" should set the property value:
FAIL - e.style['animation-range'] = "cover 0% cover 100%" should set the property value:
FAIL - e.style['animation-range'] = "contain 0% contain 100%" should set the property value:
FAIL - e.style['animation-range'] = "entry calc(10% - 10%) entry calc(50% + 50%)" should set the property value:
FAIL - e.style['animation-range'] = "cover 50%" should set the property value:
FAIL - e.style['animation-range'] = "contain 50%" should set the property value:
FAIL - e.style['animation-range'] = "entry 50%" should set the property value:
FAIL - e.style['animation-range'] = "entry-crossing 50%" should set the property value:
FAIL - e.style['animation-range'] = "exit 50%" should set the property value:
FAIL - e.style['animation-range'] = "exit-crossing 50%" should set the property value:
FAIL - e.style['animation-range'] = "entry 50px exit 100px" should set the property value:
FAIL - e.style['animation-range'] = "exit calc(10% + 50px)" should set the property value:
FAIL - e.style['animation-range'] = "entry 50% exit 50%" should set the property value:
FAIL - e.style['animation-range'] = "cover 50% entry 50%, contain 50% exit 50%" should set the property value:
FAIL - e.style['animation-range'] = "50% exit 50%" should set the property value:
FAIL - e.style['animation-range'] = "normal 100px" should set the property value:
FAIL - e.style['animation-range'] = "100px" should set the property value:
FAIL - e.style['animation-range'] = "100px normal" should set the property value:
FAIL - e.style['animation-range'] = "10% normal" should set the property value:
FAIL - Property animation-range value 'normal':
FAIL - Property animation-range value 'normal normal':
FAIL - Property animation-range value 'cover':
FAIL - Property animation-range value 'contain':
FAIL - Property animation-range value 'entry':
FAIL - Property animation-range value 'entry-crossing':
FAIL - Property animation-range value 'exit':
FAIL - Property animation-range value 'exit-crossing':
FAIL - Property animation-range value 'entry, exit':
FAIL - Property animation-range value 'entry 0% entry 100%':
FAIL - Property animation-range value 'entry-crossing 0% entry-crossing 100%':
FAIL - Property animation-range value 'exit 0% exit 100%':
FAIL - Property animation-range value 'exit-crossing 0% exit-crossing 100%':
FAIL - Property animation-range value 'cover 0% cover 100%':
FAIL - Property animation-range value 'contain 0% contain 100%':
FAIL - Property animation-range value 'entry calc(10% - 10%) entry calc(50% + 50%)':
FAIL - Property animation-range value 'cover 50%':
FAIL - Property animation-range value 'contain 50%':
FAIL - Property animation-range value 'entry 50%':
FAIL - Property animation-range value 'entry-crossing 50%':
FAIL - Property animation-range value 'exit 50%':
FAIL - Property animation-range value 'exit-crossing 50%':
FAIL - Property animation-range value 'entry 50px exit 100px':
FAIL - Property animation-range value 'exit calc(10% + 50px)':
FAIL - Property animation-range value 'entry 50% exit 50%':
FAIL - Property animation-range value 'cover 50% entry 50%, contain 50% exit 50%':
FAIL - Property animation-range value 'entry 10em exit 20em':
FAIL - Property animation-range value '10em exit 20em':
FAIL - Property animation-range value 'normal 100px':
FAIL - Property animation-range value '100px':
FAIL - Property animation-range value '100px normal':
FAIL - Property animation-range value '10% normal':
FAIL - Property animation-range value '10% calc(70% + 10% * sign(100em - 1px))':
FAIL - e.style['animation-range'] = "normal" should set animation-range-end:
FAIL - e.style['animation-range'] = "normal" should set animation-range-start:
FAIL - e.style['animation-range'] = "normal" should not set unrelated longhands:
FAIL - e.style['animation-range'] = "normal normal" should set animation-range-end:
FAIL - e.style['animation-range'] = "normal normal" should set animation-range-start:
FAIL - e.style['animation-range'] = "normal normal" should not set unrelated longhands:
FAIL - e.style['animation-range'] = "normal entry 100%" should set animation-range-end:
FAIL - e.style['animation-range'] = "normal entry 100%" should set animation-range-start:
FAIL - e.style['animation-range'] = "normal entry 100%" should not set unrelated longhands:
FAIL - e.style['animation-range'] = "normal entry 10%" should set animation-range-end:
FAIL - e.style['animation-range'] = "normal entry 10%" should set animation-range-start:
FAIL - e.style['animation-range'] = "normal entry 10%" should not set unrelated longhands:
FAIL - e.style['animation-range'] = "cover" should set animation-range-end:
FAIL - e.style['animation-range'] = "cover" should set animation-range-start:
FAIL - e.style['animation-range'] = "cover" should not set unrelated longhands:
FAIL - e.style['animation-range'] = "contain" should set animation-range-end:
FAIL - e.style['animation-range'] = "contain" should set animation-range-start:
FAIL - e.style['animation-range'] = "contain" should not set unrelated longhands:
FAIL - e.style['animation-range'] = "contain 100% contain 0%" should set animation-range-end:
FAIL - e.style['animation-range'] = "contain 100% contain 0%" should set animation-range-start:
FAIL - e.style['animation-range'] = "contain 100% contain 0%" should not set unrelated longhands:
FAIL - e.style['animation-range'] = "entry 10% exit 20%" should set animation-range-end:
FAIL - e.style['animation-range'] = "entry 10% exit 20%" should set animation-range-start:
FAIL - e.style['animation-range'] = "entry 10% exit 20%" should not set unrelated longhands:
FAIL - e.style['animation-range'] = "entry calc(10% + 10px) exit 20px" should set animation-range-end:
FAIL - e.style['animation-range'] = "entry calc(10% + 10px) exit 20px" should set animation-range-start:
FAIL - e.style['animation-range'] = "entry calc(10% + 10px) exit 20px" should not set unrelated longhands:
FAIL - e.style['animation-range'] = "entry, exit" should set animation-range-end:
FAIL - e.style['animation-range'] = "entry, exit" should set animation-range-start:
FAIL - e.style['animation-range'] = "entry, exit" should not set unrelated longhands:
FAIL - e.style['animation-range'] = "entry 0%, exit" should set animation-range-end:
FAIL - e.style['animation-range'] = "entry 0%, exit" should set animation-range-start:
FAIL - e.style['animation-range'] = "entry 0%, exit" should not set unrelated longhands:
FAIL - e.style['animation-range'] = "exit calc(10% + 50px)" should set animation-range-end:
FAIL - e.style['animation-range'] = "exit calc(10% + 50px)" should set animation-range-start:
FAIL - e.style['animation-range'] = "exit calc(10% + 50px)" should not set unrelated longhands:
FAIL - e.style['animation-range'] = "100px" should set animation-range-end:
FAIL - e.style['animation-range'] = "100px" should set animation-range-start:
FAIL - e.style['animation-range'] = "100px" should not set unrelated longhands:
FAIL - e.style['animation-range'] = "10%" should set animation-range-end:
FAIL - e.style['animation-range'] = "10%" should set animation-range-start:
FAIL - e.style['animation-range'] = "10%" should not set unrelated longhands:
FAIL
- e.style['animation-range'] = "normal" should set the property value:
- /css/css-animations/parsing/animation-range-start-computed.html [wpt.fyi]
- Property animation-range-start value 'initial':
FAIL - Property animation-range-start value 'normal':
FAIL - Property animation-range-start value 'cover 0%':
FAIL - Property animation-range-start value 'cover 100%':
FAIL - Property animation-range-start value 'COVER 0%':
FAIL - Property animation-range-start value 'COVER 100%':
FAIL - Property animation-range-start value 'cover 120%':
FAIL - Property animation-range-start value 'cover 42%':
FAIL - Property animation-range-start value '0':
FAIL - Property animation-range-start value '120%':
FAIL - Property animation-range-start value '0%':
FAIL - Property animation-range-start value '100%':
FAIL - Property animation-range-start value '120px':
FAIL - Property animation-range-start value 'cover -42%':
FAIL - Property animation-range-start value 'contain 42%':
FAIL - Property animation-range-start value 'exit 42%':
FAIL - Property animation-range-start value 'exit calc(41% + 1%)':
FAIL - Property animation-range-start value 'exit 1%, cover 2%, contain 0%':
FAIL - Property animation-range-start value 'exit 1%, cover 2%, contain 100%':
FAIL - Property animation-range-start value 'exit-crossing 42%':
FAIL - Property animation-range-start value 'entry 42px':
FAIL - Property animation-range-start value 'entry-crossing 42px':
FAIL - Property animation-range-start value 'contain calc(10% + 10px)':
FAIL - Property animation-range-start value 'entry 1em':
FAIL - Property animation-range-start value 'exit calc(1em + 10px)':
FAIL - Property animation-range-start value 'cover':
FAIL - Property animation-range-start value 'contain':
FAIL - Property animation-range-start value 'entry':
FAIL - Property animation-range-start value 'exit':
FAIL
- Property animation-range-start value 'initial':
- /css/css-animations/parsing/animation-range-start-valid.html [wpt.fyi]
- e.style['animation-range-start'] = "normal" should set the property value:
FAIL - e.style['animation-range-start'] = "cover 0%" should set the property value:
FAIL - e.style['animation-range-start'] = "cover 100%" should set the property value:
FAIL - e.style['animation-range-start'] = "cover 120%" should set the property value:
FAIL - e.style['animation-range-start'] = "cover 42%" should set the property value:
FAIL - e.style['animation-range-start'] = "0" should set the property value:
FAIL - e.style['animation-range-start'] = "120%" should set the property value:
FAIL - e.style['animation-range-start'] = "120px" should set the property value:
FAIL - e.style['animation-range-start'] = "cover -42%" should set the property value:
FAIL - e.style['animation-range-start'] = "contain 42%" should set the property value:
FAIL - e.style['animation-range-start'] = "exit 42%" should set the property value:
FAIL - e.style['animation-range-start'] = "exit 1%, cover 2%, contain 0%" should set the property value:
FAIL - e.style['animation-range-start'] = "exit 1%, cover 2%, contain 100%" should set the property value:
FAIL - e.style['animation-range-start'] = "exit-crossing 42%" should set the property value:
FAIL - e.style['animation-range-start'] = "entry 42px" should set the property value:
FAIL - e.style['animation-range-start'] = "entry-crossing 42px" should set the property value:
FAIL - e.style['animation-range-start'] = "contain calc(10px + 10%)" should set the property value:
FAIL - e.style['animation-range-start'] = "entry 1em" should set the property value:
FAIL - e.style['animation-range-start'] = "exit calc(1em + 10px)" should set the property value:
FAIL - e.style['animation-range-start'] = "entry 42%" should set the property value:
FAIL - e.style['animation-range-start'] = "cover" should set the property value:
FAIL - e.style['animation-range-start'] = "contain" should set the property value:
FAIL - e.style['animation-range-start'] = "entry" should set the property value:
FAIL - e.style['animation-range-start'] = "exit" should set the property value:
FAIL - e.style['animation-range-start'] = "cover calc(sign(100em - 1px) * 1%)" should set the property value:
FAIL
- e.style['animation-range-start'] = "normal" should set the property value:
- /css/css-animations/parsing/animation-shorthand.html [wpt.fyi]
- e.style['animation'] = "anim paused both reverse 4 1s -3s cubic-bezier(0, -2, 1, 3)" should set animation-range-end:
FAIL - e.style['animation'] = "anim paused both reverse 4 1s -3s cubic-bezier(0, -2, 1, 3)" should set animation-range-start:
FAIL - e.style['animation'] = "anim paused both reverse, 4 1s -3s cubic-bezier(0, -2, 1, 3)" should set animation-range-end:
FAIL - e.style['animation'] = "anim paused both reverse, 4 1s -3s cubic-bezier(0, -2, 1, 3)" should set animation-range-start:
FAIL - e.style['animation'] = "4 1s -3s cubic-bezier(0, -2, 1, 3), anim paused both reverse" should set animation-range-end:
FAIL - e.style['animation'] = "4 1s -3s cubic-bezier(0, -2, 1, 3), anim paused both reverse" should set animation-range-start:
FAIL
- e.style['animation'] = "anim paused both reverse 4 1s -3s cubic-bezier(0, -2, 1, 3)" should set animation-range-end:
- /css/css-animations/parsing/keyframe-selectors.html [wpt.fyi]
- 'entry 10%' should be a valid keyframe selector:
FAIL - 'exit 60%' should be a valid keyframe selector:
FAIL
- 'entry 10%' should be a valid keyframe selector:
- /css/css-animations/parsing/keyframes-allowed-properties.html [wpt.fyi]
- @keyframes allows all non-animation properties and animation-timing-function:
FAIL
- @keyframes allows all non-animation properties and animation-timing-function:
- /css/css-animations/responsive/column-rule-color-001.html [wpt.fyi]
- column-rule-color responds to inherited changes:
FAIL
- column-rule-color responds to inherited changes:
- /css/css-animations/responsive/column-width-001.html [wpt.fyi]
- column-width responds to inherited changes:
FAIL
- column-width responds to inherited changes:
- /css/css-animations/animation-delay-010.html [wpt.fyi]:
SKIP - /css/css-animations/animation-important-002.html [wpt.fyi]:
FAIL
Description
•