1960380 - New wpt failures in /css/motion/ [animation/offset-path-interpolation-008.html, parsing/offset-path-shape-computed.html, parsing/offset-path-shape-parsing.html]

Status: NEW

(Core :: CSS Parsing and Computation, defect)

Description

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Syncing wpt PR 51969 found new untriaged test failures in CI

Tests Affected

New Tests That Don't Pass

• /css/motion/animation/offset-path-interpolation-008.html [wpt.fyi]
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)] at (-0.3) should be [shape(from 2% 2px, curve to 7% 13px with -3% 86px, curve to 33% 17px with 17% 53px / 34% 61px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)] at (0) should be [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)] at (0.5) should be [shape(from 10% 10px, curve to 15% 5px with 5% 70px, curve to 25% 25px with 25% 45px / 10% 85px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)] at (1) should be [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)] at (1.5) should be [shape(from 20% 20px, curve to 25% -5px with 15% 50px, curve to 15% 35px with 35% 35px / -20% 115px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)] at (-0.3) should be [shape(from 2% 2px, curve to 7% 13px with -3% 86px, curve to 33% 17px with 17% 53px / 34% 61px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)] at (0) should be [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)] at (0.5) should be [shape(from 10% 10px, curve to 15% 5px with 5% 70px, curve to 25% 25px with 25% 45px / 10% 85px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)] at (1) should be [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)] at (1.5) should be [shape(from 20% 20px, curve to 25% -5px with 15% 50px, curve to 15% 35px with 35% 35px / -20% 115px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)] at (-0.3) should be [shape(from 2% 2px, curve to 7% 13px with -3% 86px, curve to 33% 17px with 17% 53px / 34% 61px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)] at (0) should be [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)] at (0.5) should be [shape(from 10% 10px, curve to 15% 5px with 5% 70px, curve to 25% 25px with 25% 45px / 10% 85px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)] at (1) should be [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)] at (1.5) should be [shape(from 20% 20px, curve to 25% -5px with 15% 50px, curve to 15% 35px with 35% 35px / -20% 115px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)] at (-0.3) should be [shape(from 2% 2px, curve to 7% 13px with -3% 86px, curve to 33% 17px with 17% 53px / 34% 61px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)] at (0) should be [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)] at (0.5) should be [shape(from 10% 10px, curve to 15% 5px with 5% 70px, curve to 25% 25px with 25% 45px / 10% 85px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)] at (1) should be [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve to 20% 0px with 10% 60px, curve to 20% 30px with 30% 40px / -5% 100px)] at (1.5) should be [shape(from 20% 20px, curve to 25% -5px with 15% 50px, curve to 15% 35px with 35% 35px / -20% 115px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, curve by 10% 10px with 0% 80px, curve by 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (-0.3) should be [shape(from 2% 2px, curve by 7% 13px with -3% 86px, curve by 33% 17px with 17% 53px /34% 61px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, curve by 10% 10px with 0% 80px, curve by 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (0) should be [shape(from 5% 5px, curve by 10% 10px with 0% 80px, curve by 30% 20px with 20% 50px / 25% 70px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, curve by 10% 10px with 0% 80px, curve by 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (0.5) should be [shape(from 10% 10px, curve by 15% 5px with 5% 70px, curve by 25% 25px with 25% 45px / 10% 85px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, curve by 10% 10px with 0% 80px, curve by 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (1.5) should be [shape(from 20% 20px, curve by 25% -5px with 15% 50px, curve by 15% 35px with 35% 35px / -20% 115px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, curve by 10% 10px with 0% 80px, curve by 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (-0.3) should be [shape(from 2% 2px, curve by 7% 13px with -3% 86px, curve by 33% 17px with 17% 53px /34% 61px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, curve by 10% 10px with 0% 80px, curve by 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (0) should be [shape(from 5% 5px, curve by 10% 10px with 0% 80px, curve by 30% 20px with 20% 50px / 25% 70px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, curve by 10% 10px with 0% 80px, curve by 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (0.5) should be [shape(from 10% 10px, curve by 15% 5px with 5% 70px, curve by 25% 25px with 25% 45px / 10% 85px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, curve by 10% 10px with 0% 80px, curve by 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (1.5) should be [shape(from 20% 20px, curve by 25% -5px with 15% 50px, curve by 15% 35px with 35% 35px / -20% 115px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, curve by 10% 10px with 0% 80px, curve by 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (-0.3) should be [shape(from 2% 2px, curve by 7% 13px with -3% 86px, curve by 33% 17px with 17% 53px /34% 61px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, curve by 10% 10px with 0% 80px, curve by 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (0) should be [shape(from 5% 5px, curve by 10% 10px with 0% 80px, curve by 30% 20px with 20% 50px / 25% 70px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, curve by 10% 10px with 0% 80px, curve by 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (0.5) should be [shape(from 10% 10px, curve by 15% 5px with 5% 70px, curve by 25% 25px with 25% 45px / 10% 85px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, curve by 10% 10px with 0% 80px, curve by 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (1.5) should be [shape(from 20% 20px, curve by 25% -5px with 15% 50px, curve by 15% 35px with 35% 35px / -20% 115px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, curve by 10% 10px with 0% 80px, curve by 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (-0.3) should be [shape(from 2% 2px, curve by 7% 13px with -3% 86px, curve by 33% 17px with 17% 53px /34% 61px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, curve by 10% 10px with 0% 80px, curve by 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (0) should be [shape(from 5% 5px, curve by 10% 10px with 0% 80px, curve by 30% 20px with 20% 50px / 25% 70px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, curve by 10% 10px with 0% 80px, curve by 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (0.5) should be [shape(from 10% 10px, curve by 15% 5px with 5% 70px, curve by 25% 25px with 25% 45px / 10% 85px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, curve by 10% 10px with 0% 80px, curve by 30% 20px with 20% 50px / 25% 70px)] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (1.5) should be [shape(from 20% 20px, curve by 25% -5px with 15% 50px, curve by 15% 35px with 35% 35px / -20% 115px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [shape(from 15% 15px, smooth to 20% 0px with 10% 60px, smooth to 20% 30px)] at (-0.3) should be [shape(from 2% 2px, smooth to 7% 13px with -3% 86px, smooth to 33% 17px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [shape(from 15% 15px, smooth to 20% 0px with 10% 60px, smooth to 20% 30px)] at (0) should be [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [shape(from 15% 15px, smooth to 20% 0px with 10% 60px, smooth to 20% 30px)] at (0.5) should be [shape(from 10% 10px, smooth to 15% 5px with 5% 70px, smooth to 25% 25px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [shape(from 15% 15px, smooth to 20% 0px with 10% 60px, smooth to 20% 30px)] at (1.5) should be [shape(from 20% 20px, smooth to 25% -5px with 15% 50px, smooth to 15% 35px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [shape(from 15% 15px, smooth to 20% 0px with 10% 60px, smooth to 20% 30px)] at (-0.3) should be [shape(from 2% 2px, smooth to 7% 13px with -3% 86px, smooth to 33% 17px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [shape(from 15% 15px, smooth to 20% 0px with 10% 60px, smooth to 20% 30px)] at (0) should be [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [shape(from 15% 15px, smooth to 20% 0px with 10% 60px, smooth to 20% 30px)] at (0.5) should be [shape(from 10% 10px, smooth to 15% 5px with 5% 70px, smooth to 25% 25px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [shape(from 15% 15px, smooth to 20% 0px with 10% 60px, smooth to 20% 30px)] at (1.5) should be [shape(from 20% 20px, smooth to 25% -5px with 15% 50px, smooth to 15% 35px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [shape(from 15% 15px, smooth to 20% 0px with 10% 60px, smooth to 20% 30px)] at (-0.3) should be [shape(from 2% 2px, smooth to 7% 13px with -3% 86px, smooth to 33% 17px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [shape(from 15% 15px, smooth to 20% 0px with 10% 60px, smooth to 20% 30px)] at (0) should be [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [shape(from 15% 15px, smooth to 20% 0px with 10% 60px, smooth to 20% 30px)] at (0.5) should be [shape(from 10% 10px, smooth to 15% 5px with 5% 70px, smooth to 25% 25px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [shape(from 15% 15px, smooth to 20% 0px with 10% 60px, smooth to 20% 30px)] at (1.5) should be [shape(from 20% 20px, smooth to 25% -5px with 15% 50px, smooth to 15% 35px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [shape(from 15% 15px, smooth to 20% 0px with 10% 60px, smooth to 20% 30px)] at (-0.3) should be [shape(from 2% 2px, smooth to 7% 13px with -3% 86px, smooth to 33% 17px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [shape(from 15% 15px, smooth to 20% 0px with 10% 60px, smooth to 20% 30px)] at (0) should be [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [shape(from 15% 15px, smooth to 20% 0px with 10% 60px, smooth to 20% 30px)] at (0.5) should be [shape(from 10% 10px, smooth to 15% 5px with 5% 70px, smooth to 25% 25px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [shape(from 15% 15px, smooth to 20% 0px with 10% 60px, smooth to 20% 30px)] at (1.5) should be [shape(from 20% 20px, smooth to 25% -5px with 15% 50px, smooth to 15% 35px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, smooth by 10% 10px with 0% 80px, smooth by 30% 20px)] to [shape(from 15% 15px, smooth by 20% 0px with 10% 60px, smooth by 20% 30px)] at (-0.3) should be [shape(from 2% 2px, smooth by 7% 13px with -3% 86px, smooth by 33% 17px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, smooth by 10% 10px with 0% 80px, smooth by 30% 20px)] to [shape(from 15% 15px, smooth by 20% 0px with 10% 60px, smooth by 20% 30px)] at (0) should be [shape(from 5% 5px, smooth by 10% 10px with 0% 80px, smooth by 30% 20px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, smooth by 10% 10px with 0% 80px, smooth by 30% 20px)] to [shape(from 15% 15px, smooth by 20% 0px with 10% 60px, smooth by 20% 30px)] at (0.5) should be [shape(from 10% 10px, smooth by 15% 5px with 5% 70px, smooth by 25% 25px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, smooth by 10% 10px with 0% 80px, smooth by 30% 20px)] to [shape(from 15% 15px, smooth by 20% 0px with 10% 60px, smooth by 20% 30px)] at (1.5) should be [shape(from 20% 20px, smooth by 25% -5px with 15% 50px, smooth by 15% 35px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, smooth by 10% 10px with 0% 80px, smooth by 30% 20px)] to [shape(from 15% 15px, smooth by 20% 0px with 10% 60px, smooth by 20% 30px)] at (-0.3) should be [shape(from 2% 2px, smooth by 7% 13px with -3% 86px, smooth by 33% 17px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, smooth by 10% 10px with 0% 80px, smooth by 30% 20px)] to [shape(from 15% 15px, smooth by 20% 0px with 10% 60px, smooth by 20% 30px)] at (0) should be [shape(from 5% 5px, smooth by 10% 10px with 0% 80px, smooth by 30% 20px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, smooth by 10% 10px with 0% 80px, smooth by 30% 20px)] to [shape(from 15% 15px, smooth by 20% 0px with 10% 60px, smooth by 20% 30px)] at (0.5) should be [shape(from 10% 10px, smooth by 15% 5px with 5% 70px, smooth by 25% 25px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, smooth by 10% 10px with 0% 80px, smooth by 30% 20px)] to [shape(from 15% 15px, smooth by 20% 0px with 10% 60px, smooth by 20% 30px)] at (1.5) should be [shape(from 20% 20px, smooth by 25% -5px with 15% 50px, smooth by 15% 35px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, smooth by 10% 10px with 0% 80px, smooth by 30% 20px)] to [shape(from 15% 15px, smooth by 20% 0px with 10% 60px, smooth by 20% 30px)] at (-0.3) should be [shape(from 2% 2px, smooth by 7% 13px with -3% 86px, smooth by 33% 17px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, smooth by 10% 10px with 0% 80px, smooth by 30% 20px)] to [shape(from 15% 15px, smooth by 20% 0px with 10% 60px, smooth by 20% 30px)] at (0) should be [shape(from 5% 5px, smooth by 10% 10px with 0% 80px, smooth by 30% 20px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, smooth by 10% 10px with 0% 80px, smooth by 30% 20px)] to [shape(from 15% 15px, smooth by 20% 0px with 10% 60px, smooth by 20% 30px)] at (0.5) should be [shape(from 10% 10px, smooth by 15% 5px with 5% 70px, smooth by 25% 25px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, smooth by 10% 10px with 0% 80px, smooth by 30% 20px)] to [shape(from 15% 15px, smooth by 20% 0px with 10% 60px, smooth by 20% 30px)] at (1.5) should be [shape(from 20% 20px, smooth by 25% -5px with 15% 50px, smooth by 15% 35px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, smooth by 10% 10px with 0% 80px, smooth by 30% 20px)] to [shape(from 15% 15px, smooth by 20% 0px with 10% 60px, smooth by 20% 30px)] at (-0.3) should be [shape(from 2% 2px, smooth by 7% 13px with -3% 86px, smooth by 33% 17px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, smooth by 10% 10px with 0% 80px, smooth by 30% 20px)] to [shape(from 15% 15px, smooth by 20% 0px with 10% 60px, smooth by 20% 30px)] at (0) should be [shape(from 5% 5px, smooth by 10% 10px with 0% 80px, smooth by 30% 20px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, smooth by 10% 10px with 0% 80px, smooth by 30% 20px)] to [shape(from 15% 15px, smooth by 20% 0px with 10% 60px, smooth by 20% 30px)] at (0.5) should be [shape(from 10% 10px, smooth by 15% 5px with 5% 70px, smooth by 25% 25px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, smooth by 10% 10px with 0% 80px, smooth by 30% 20px)] to [shape(from 15% 15px, smooth by 20% 0px with 10% 60px, smooth by 20% 30px)] at (1.5) should be [shape(from 20% 20px, smooth by 25% -5px with 15% 50px, smooth by 15% 35px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [path("M 15 15 Q 10 60 20 0 C 30 40 -5 100 20 30")] at (-0.3) should be [shape(from calc(6.5% - 4.5px) 2px, curve to calc(13% - 6px) 13px with calc(0% - 3px) 86px, curve to calc(39% - 6px) 17px with calc(26% - 9px) 53px / calc(32.5% + 1.5px) 61px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [path("M 15 15 Q 10 60 20 0 C 30 40 -5 100 20 30")] at (0) should be [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [path("M 15 15 Q 10 60 20 0 C 30 40 -5 100 20 30")] at (0.5) should be [shape(from calc(2.5% + 7.5px) 10px, curve to calc(5% + 10px) 5px with calc(0% + 5px) 70px, curve to calc(15% + 10px) 25px with calc(10% + 15px) 45px / calc(12.5% - 2.5px) 85px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [path("M 15 15 Q 10 60 20 0 C 30 40 -5 100 20 30")] at (1) should be [shape(from calc(0% + 15px) 15px, curve to calc(0% + 20px) 0px with calc(0% + 10px) 60px, curve to calc(0% + 20px) 30px with calc(0% + 30px) 40px / calc(0% - 5px) 100px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [path("M 15 15 Q 10 60 20 0 C 30 40 -5 100 20 30")] at (1.5) should be [shape(from calc(-2.5% + 22.5px) 20px, curve to calc(-5% + 30px) -5px with calc(0% + 15px) 50px, curve to calc(-15% + 30px) 35px with calc(-10% + 45px) 35px / calc(-12.5% - 7.5px) 115px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [path("M 15 15 Q 10 60 20 0 C 30 40 -5 100 20 30")] at (-0.3) should be [shape(from calc(6.5% - 4.5px) 2px, curve to calc(13% - 6px) 13px with calc(0% - 3px) 86px, curve to calc(39% - 6px) 17px with calc(26% - 9px) 53px / calc(32.5% + 1.5px) 61px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [path("M 15 15 Q 10 60 20 0 C 30 40 -5 100 20 30")] at (0) should be [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [path("M 15 15 Q 10 60 20 0 C 30 40 -5 100 20 30")] at (0.5) should be [shape(from calc(2.5% + 7.5px) 10px, curve to calc(5% + 10px) 5px with calc(0% + 5px) 70px, curve to calc(15% + 10px) 25px with calc(10% + 15px) 45px / calc(12.5% - 2.5px) 85px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [path("M 15 15 Q 10 60 20 0 C 30 40 -5 100 20 30")] at (1) should be [shape(from calc(0% + 15px) 15px, curve to calc(0% + 20px) 0px with calc(0% + 10px) 60px, curve to calc(0% + 20px) 30px with calc(0% + 30px) 40px / calc(0% - 5px) 100px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [path("M 15 15 Q 10 60 20 0 C 30 40 -5 100 20 30")] at (1.5) should be [shape(from calc(-2.5% + 22.5px) 20px, curve to calc(-5% + 30px) -5px with calc(0% + 15px) 50px, curve to calc(-15% + 30px) 35px with calc(-10% + 45px) 35px / calc(-12.5% - 7.5px) 115px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [path("M 15 15 Q 10 60 20 0 C 30 40 -5 100 20 30")] at (-0.3) should be [shape(from calc(6.5% - 4.5px) 2px, curve to calc(13% - 6px) 13px with calc(0% - 3px) 86px, curve to calc(39% - 6px) 17px with calc(26% - 9px) 53px / calc(32.5% + 1.5px) 61px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [path("M 15 15 Q 10 60 20 0 C 30 40 -5 100 20 30")] at (0) should be [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [path("M 15 15 Q 10 60 20 0 C 30 40 -5 100 20 30")] at (0.5) should be [shape(from calc(2.5% + 7.5px) 10px, curve to calc(5% + 10px) 5px with calc(0% + 5px) 70px, curve to calc(15% + 10px) 25px with calc(10% + 15px) 45px / calc(12.5% - 2.5px) 85px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [path("M 15 15 Q 10 60 20 0 C 30 40 -5 100 20 30")] at (1) should be [shape(from calc(0% + 15px) 15px, curve to calc(0% + 20px) 0px with calc(0% + 10px) 60px, curve to calc(0% + 20px) 30px with calc(0% + 30px) 40px / calc(0% - 5px) 100px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [path("M 15 15 Q 10 60 20 0 C 30 40 -5 100 20 30")] at (1.5) should be [shape(from calc(-2.5% + 22.5px) 20px, curve to calc(-5% + 30px) -5px with calc(0% + 15px) 50px, curve to calc(-15% + 30px) 35px with calc(-10% + 45px) 35px / calc(-12.5% - 7.5px) 115px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [path("M 15 15 Q 10 60 20 0 C 30 40 -5 100 20 30")] at (-0.3) should be [shape(from calc(6.5% - 4.5px) 2px, curve to calc(13% - 6px) 13px with calc(0% - 3px) 86px, curve to calc(39% - 6px) 17px with calc(26% - 9px) 53px / calc(32.5% + 1.5px) 61px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [path("M 15 15 Q 10 60 20 0 C 30 40 -5 100 20 30")] at (0) should be [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [path("M 15 15 Q 10 60 20 0 C 30 40 -5 100 20 30")] at (0.5) should be [shape(from calc(2.5% + 7.5px) 10px, curve to calc(5% + 10px) 5px with calc(0% + 5px) 70px, curve to calc(15% + 10px) 25px with calc(10% + 15px) 45px / calc(12.5% - 2.5px) 85px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [path("M 15 15 Q 10 60 20 0 C 30 40 -5 100 20 30")] at (1) should be [shape(from calc(0% + 15px) 15px, curve to calc(0% + 20px) 0px with calc(0% + 10px) 60px, curve to calc(0% + 20px) 30px with calc(0% + 30px) 40px / calc(0% - 5px) 100px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, curve to 10% 10px with 0% 80px, curve to 30% 20px with 20% 50px / 25% 70px)] to [path("M 15 15 Q 10 60 20 0 C 30 40 -5 100 20 30")] at (1.5) should be [shape(from calc(-2.5% + 22.5px) 20px, curve to calc(-5% + 30px) -5px with calc(0% + 15px) 50px, curve to calc(-15% + 30px) 35px with calc(-10% + 45px) 35px / calc(-12.5% - 7.5px) 115px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [path("M 5 5 q 0 80 10 10 c 20 50 25 70 30 20")] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (-0.3) should be [shape(from calc(-4.5% + 6.5px) 2px, curve by calc(-6% + 13px) 13px with -3% 86px, curve by calc(-6% + 39px) 17px with calc(-9% + 26px) 53px / calc(1.5% + 32.5px) 61px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [path("M 5 5 q 0 80 10 10 c 20 50 25 70 30 20")] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (0) should be [shape(from calc(0% + 5px) 5px, curve by calc(0% + 10px) 10px with 0% 80px, curve by calc(0% + 30px) 20px with calc(0% + 20px) 50px / calc(0% + 25px) 70px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [path("M 5 5 q 0 80 10 10 c 20 50 25 70 30 20")] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (0.5) should be [shape(from calc(7.5% + 2.5px) 10px, curve by calc(10% + 5px) 5px with 5% 70px, curve by calc(10% + 15px) 25px with calc(15% + 10px) 45px / calc(-2.5% + 12.5px) 85px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [path("M 5 5 q 0 80 10 10 c 20 50 25 70 30 20")] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (1) should be [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [path("M 5 5 q 0 80 10 10 c 20 50 25 70 30 20")] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (1.5) should be [shape(from calc(22.5% - 2.5px) 20px, curve by calc(30% - 5px) -5px with 15% 50px, curve by calc(30% - 15px) 35px with calc(45% - 10px) 35px / calc(-7.5% - 12.5px) 115px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [path("M 5 5 q 0 80 10 10 c 20 50 25 70 30 20")] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (-0.3) should be [shape(from calc(-4.5% + 6.5px) 2px, curve by calc(-6% + 13px) 13px with -3% 86px, curve by calc(-6% + 39px) 17px with calc(-9% + 26px) 53px / calc(1.5% + 32.5px) 61px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [path("M 5 5 q 0 80 10 10 c 20 50 25 70 30 20")] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (0) should be [shape(from calc(0% + 5px) 5px, curve by calc(0% + 10px) 10px with 0% 80px, curve by calc(0% + 30px) 20px with calc(0% + 20px) 50px / calc(0% + 25px) 70px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [path("M 5 5 q 0 80 10 10 c 20 50 25 70 30 20")] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (0.5) should be [shape(from calc(7.5% + 2.5px) 10px, curve by calc(10% + 5px) 5px with 5% 70px, curve by calc(10% + 15px) 25px with calc(15% + 10px) 45px / calc(-2.5% + 12.5px) 85px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [path("M 5 5 q 0 80 10 10 c 20 50 25 70 30 20")] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (1) should be [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [path("M 5 5 q 0 80 10 10 c 20 50 25 70 30 20")] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (1.5) should be [shape(from calc(22.5% - 2.5px) 20px, curve by calc(30% - 5px) -5px with 15% 50px, curve by calc(30% - 15px) 35px with calc(45% - 10px) 35px / calc(-7.5% - 12.5px) 115px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [path("M 5 5 q 0 80 10 10 c 20 50 25 70 30 20")] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (-0.3) should be [shape(from calc(-4.5% + 6.5px) 2px, curve by calc(-6% + 13px) 13px with -3% 86px, curve by calc(-6% + 39px) 17px with calc(-9% + 26px) 53px / calc(1.5% + 32.5px) 61px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [path("M 5 5 q 0 80 10 10 c 20 50 25 70 30 20")] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (0) should be [shape(from calc(0% + 5px) 5px, curve by calc(0% + 10px) 10px with 0% 80px, curve by calc(0% + 30px) 20px with calc(0% + 20px) 50px / calc(0% + 25px) 70px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [path("M 5 5 q 0 80 10 10 c 20 50 25 70 30 20")] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (0.5) should be [shape(from calc(7.5% + 2.5px) 10px, curve by calc(10% + 5px) 5px with 5% 70px, curve by calc(10% + 15px) 25px with calc(15% + 10px) 45px / calc(-2.5% + 12.5px) 85px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [path("M 5 5 q 0 80 10 10 c 20 50 25 70 30 20")] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (1) should be [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [path("M 5 5 q 0 80 10 10 c 20 50 25 70 30 20")] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (1.5) should be [shape(from calc(22.5% - 2.5px) 20px, curve by calc(30% - 5px) -5px with 15% 50px, curve by calc(30% - 15px) 35px with calc(45% - 10px) 35px / calc(-7.5% - 12.5px) 115px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [path("M 5 5 q 0 80 10 10 c 20 50 25 70 30 20")] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (-0.3) should be [shape(from calc(-4.5% + 6.5px) 2px, curve by calc(-6% + 13px) 13px with -3% 86px, curve by calc(-6% + 39px) 17px with calc(-9% + 26px) 53px / calc(1.5% + 32.5px) 61px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [path("M 5 5 q 0 80 10 10 c 20 50 25 70 30 20")] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (0) should be [shape(from calc(0% + 5px) 5px, curve by calc(0% + 10px) 10px with 0% 80px, curve by calc(0% + 30px) 20px with calc(0% + 20px) 50px / calc(0% + 25px) 70px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [path("M 5 5 q 0 80 10 10 c 20 50 25 70 30 20")] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (0.5) should be [shape(from calc(7.5% + 2.5px) 10px, curve by calc(10% + 5px) 5px with 5% 70px, curve by calc(10% + 15px) 25px with calc(15% + 10px) 45px / calc(-2.5% + 12.5px) 85px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [path("M 5 5 q 0 80 10 10 c 20 50 25 70 30 20")] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (1) should be [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [path("M 5 5 q 0 80 10 10 c 20 50 25 70 30 20")] to [shape(from 15% 15px, curve by 20% 0px with 10% 60px, curve by 20% 30px with 30% 40px / -5% 100px)] at (1.5) should be [shape(from calc(22.5% - 2.5px) 20px, curve by calc(30% - 5px) -5px with 15% 50px, curve by calc(30% - 15px) 35px with calc(45% - 10px) 35px / calc(-7.5% - 12.5px) 115px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [path("M 15 15 S 10 60 20 0 T 20 30")] at (-0.3) should be [shape(from calc(6.5% - 4.5px) 2px, smooth to calc(13% - 6px) 13px with calc(0% - 3px) 86px, smooth to calc(39% - 6px) 17px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [path("M 15 15 S 10 60 20 0 T 20 30")] at (0) should be [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [path("M 15 15 S 10 60 20 0 T 20 30")] at (0.5) should be [shape(from calc(2.5% + 7.5px) 10px, smooth to calc(5% + 10px) 5px with calc(0% + 5px) 70px, smooth to calc(15% + 10px) 25px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [path("M 15 15 S 10 60 20 0 T 20 30")] at (1) should be [shape(from calc(0% + 15px) 15px, smooth to calc(0% + 20px) 0px with calc(0% + 10px) 60px, smooth to calc(0% + 20px) 30px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [path("M 15 15 S 10 60 20 0 T 20 30")] at (1.5) should be [shape(from calc(-2.5% + 22.5px) 20px, smooth to calc(-5% + 30px) -5px with calc(0% + 15px) 50px, smooth to calc(-15% + 30px) 35px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [path("M 15 15 S 10 60 20 0 T 20 30")] at (-0.3) should be [shape(from calc(6.5% - 4.5px) 2px, smooth to calc(13% - 6px) 13px with calc(0% - 3px) 86px, smooth to calc(39% - 6px) 17px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [path("M 15 15 S 10 60 20 0 T 20 30")] at (0) should be [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [path("M 15 15 S 10 60 20 0 T 20 30")] at (0.5) should be [shape(from calc(2.5% + 7.5px) 10px, smooth to calc(5% + 10px) 5px with calc(0% + 5px) 70px, smooth to calc(15% + 10px) 25px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [path("M 15 15 S 10 60 20 0 T 20 30")] at (1) should be [shape(from calc(0% + 15px) 15px, smooth to calc(0% + 20px) 0px with calc(0% + 10px) 60px, smooth to calc(0% + 20px) 30px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [path("M 15 15 S 10 60 20 0 T 20 30")] at (1.5) should be [shape(from calc(-2.5% + 22.5px) 20px, smooth to calc(-5% + 30px) -5px with calc(0% + 15px) 50px, smooth to calc(-15% + 30px) 35px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [path("M 15 15 S 10 60 20 0 T 20 30")] at (-0.3) should be [shape(from calc(6.5% - 4.5px) 2px, smooth to calc(13% - 6px) 13px with calc(0% - 3px) 86px, smooth to calc(39% - 6px) 17px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [path("M 15 15 S 10 60 20 0 T 20 30")] at (0) should be [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [path("M 15 15 S 10 60 20 0 T 20 30")] at (0.5) should be [shape(from calc(2.5% + 7.5px) 10px, smooth to calc(5% + 10px) 5px with calc(0% + 5px) 70px, smooth to calc(15% + 10px) 25px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [path("M 15 15 S 10 60 20 0 T 20 30")] at (1) should be [shape(from calc(0% + 15px) 15px, smooth to calc(0% + 20px) 0px with calc(0% + 10px) 60px, smooth to calc(0% + 20px) 30px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [path("M 15 15 S 10 60 20 0 T 20 30")] at (1.5) should be [shape(from calc(-2.5% + 22.5px) 20px, smooth to calc(-5% + 30px) -5px with calc(0% + 15px) 50px, smooth to calc(-15% + 30px) 35px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [path("M 15 15 S 10 60 20 0 T 20 30")] at (-0.3) should be [shape(from calc(6.5% - 4.5px) 2px, smooth to calc(13% - 6px) 13px with calc(0% - 3px) 86px, smooth to calc(39% - 6px) 17px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [path("M 15 15 S 10 60 20 0 T 20 30")] at (0) should be [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [path("M 15 15 S 10 60 20 0 T 20 30")] at (0.5) should be [shape(from calc(2.5% + 7.5px) 10px, smooth to calc(5% + 10px) 5px with calc(0% + 5px) 70px, smooth to calc(15% + 10px) 25px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [path("M 15 15 S 10 60 20 0 T 20 30")] at (1) should be [shape(from calc(0% + 15px) 15px, smooth to calc(0% + 20px) 0px with calc(0% + 10px) 60px, smooth to calc(0% + 20px) 30px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [shape(from 5% 5px, smooth to 10% 10px with 0% 80px, smooth to 30% 20px)] to [path("M 15 15 S 10 60 20 0 T 20 30")] at (1.5) should be [shape(from calc(-2.5% + 22.5px) 20px, smooth to calc(-5% + 30px) -5px with calc(0% + 15px) 50px, smooth to calc(-15% + 30px) 35px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [path("M 5 5 s 0 80 10 10 t 30 20")] to [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)] at (-0.3) should be [shape(from 2px 2px, smooth by 7px 13px with -3px 86px, smooth by 33px 17px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [path("M 5 5 s 0 80 10 10 t 30 20")] to [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)] at (0) should be [shape(from 5px 5px, smooth by 10px 10px with 0px 80px, smooth by 30px 20px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [path("M 5 5 s 0 80 10 10 t 30 20")] to [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)] at (0.5) should be [shape(from 10px 10px, smooth by 15px 5px with 5px 70px, smooth by 25px 25px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [path("M 5 5 s 0 80 10 10 t 30 20")] to [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)] at (1) should be [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [path("M 5 5 s 0 80 10 10 t 30 20")] to [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)] at (1.5) should be [shape(from 20px 20px, smooth by 25px -5px with 15px 50px, smooth by 15px 35px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [path("M 5 5 s 0 80 10 10 t 30 20")] to [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)] at (-0.3) should be [shape(from 2px 2px, smooth by 7px 13px with -3px 86px, smooth by 33px 17px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [path("M 5 5 s 0 80 10 10 t 30 20")] to [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)] at (0) should be [shape(from 5px 5px, smooth by 10px 10px with 0px 80px, smooth by 30px 20px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [path("M 5 5 s 0 80 10 10 t 30 20")] to [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)] at (0.5) should be [shape(from 10px 10px, smooth by 15px 5px with 5px 70px, smooth by 25px 25px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [path("M 5 5 s 0 80 10 10 t 30 20")] to [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)] at (1) should be [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [path("M 5 5 s 0 80 10 10 t 30 20")] to [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)] at (1.5) should be [shape(from 20px 20px, smooth by 25px -5px with 15px 50px, smooth by 15px 35px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [path("M 5 5 s 0 80 10 10 t 30 20")] to [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)] at (-0.3) should be [shape(from 2px 2px, smooth by 7px 13px with -3px 86px, smooth by 33px 17px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [path("M 5 5 s 0 80 10 10 t 30 20")] to [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)] at (0) should be [shape(from 5px 5px, smooth by 10px 10px with 0px 80px, smooth by 30px 20px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [path("M 5 5 s 0 80 10 10 t 30 20")] to [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)] at (0.5) should be [shape(from 10px 10px, smooth by 15px 5px with 5px 70px, smooth by 25px 25px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [path("M 5 5 s 0 80 10 10 t 30 20")] to [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)] at (1) should be [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [path("M 5 5 s 0 80 10 10 t 30 20")] to [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)] at (1.5) should be [shape(from 20px 20px, smooth by 25px -5px with 15px 50px, smooth by 15px 35px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [path("M 5 5 s 0 80 10 10 t 30 20")] to [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)] at (-0.3) should be [shape(from 2px 2px, smooth by 7px 13px with -3px 86px, smooth by 33px 17px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [path("M 5 5 s 0 80 10 10 t 30 20")] to [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)] at (0) should be [shape(from 5px 5px, smooth by 10px 10px with 0px 80px, smooth by 30px 20px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [path("M 5 5 s 0 80 10 10 t 30 20")] to [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)] at (0.5) should be [shape(from 10px 10px, smooth by 15px 5px with 5px 70px, smooth by 25px 25px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [path("M 5 5 s 0 80 10 10 t 30 20")] to [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)] at (1) should be [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [path("M 5 5 s 0 80 10 10 t 30 20")] to [shape(from 15px 15px, smooth by 20px 0px with 10px 60px, smooth by 20px 30px)] at (1.5) should be [shape(from 20px 20px, smooth by 25px -5px with 15px 50px, smooth by 15px 35px)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions: property <offset-path> from [path("M 5 5 A 10,20 0 0,0 15,-15 a 30,30 30 1,1 15,-5 A 10,5 0 0,0 25 20")] to [shape(from 15px 15px, arc to 5px -25px of 20px 30px, arc by 25px -15px of 20px cw rotate 270deg small, arc to 25px 20px of 10px 5px small cw)] at (0.3) should be [shape(from 8px 8px, arc to 12px -18px of 13px 23px ccw small, arc by 18px -8px of 27px 27px rotate 102deg cw large, arc to 25px 20px of 10px 5px cw small)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Transitions with transition: all: property <offset-path> from [path("M 5 5 A 10,20 0 0,0 15,-15 a 30,30 30 1,1 15,-5 A 10,5 0 0,0 25 20")] to [shape(from 15px 15px, arc to 5px -25px of 20px 30px, arc by 25px -15px of 20px cw rotate 270deg small, arc to 25px 20px of 10px 5px small cw)] at (0.3) should be [shape(from 8px 8px, arc to 12px -18px of 13px 23px ccw small, arc by 18px -8px of 27px 27px rotate 102deg cw large, arc to 25px 20px of 10px 5px cw small)]: FAIL (Chrome: FAIL, Safari: PASS)
  • CSS Animations: property <offset-path> from [path("M 5 5 A 10,20 0 0,0 15,-15 a 30,30 30 1,1 15,-5 A 10,5 0 0,0 25 20")] to [shape(from 15px 15px, arc to 5px -25px of 20px 30px, arc by 25px -15px of 20px cw rotate 270deg small, arc to 25px 20px of 10px 5px small cw)] at (0.3) should be [shape(from 8px 8px, arc to 12px -18px of 13px 23px ccw small, arc by 18px -8px of 27px 27px rotate 102deg cw large, arc to 25px 20px of 10px 5px cw small)]: FAIL (Chrome: FAIL, Safari: PASS)
  • Web Animations: property <offset-path> from [path("M 5 5 A 10,20 0 0,0 15,-15 a 30,30 30 1,1 15,-5 A 10,5 0 0,0 25 20")] to [shape(from 15px 15px, arc to 5px -25px of 20px 30px, arc by 25px -15px of 20px cw rotate 270deg small, arc to 25px 20px of 10px 5px small cw)] at (0.3) should be [shape(from 8px 8px, arc to 12px -18px of 13px 23px ccw small, arc by 18px -8px of 27px 27px rotate 102deg cw large, arc to 25px 20px of 10px 5px cw small)]: FAIL (Chrome: FAIL, Safari: PASS)
• /css/motion/parsing/offset-path-shape-computed.html [wpt.fyi]
  • Property offset-path value 'shape(from 10px 10px, curve to 50px 20px with 10rem 1%)': FAIL (Chrome: FAIL, Safari: PASS)
  • Property offset-path value 'shape(from 10px 10px, curve to 50px 20px with 10rem 1px / 20% 1em)': FAIL (Chrome: FAIL, Safari: PASS)
  • Property offset-path value 'shape(from 10px 10px, smooth to 50px 20px with 10rem 1%)': FAIL (Chrome: FAIL, Safari: PASS)
• /css/motion/parsing/offset-path-shape-parsing.html [wpt.fyi]
  • e.style['offset-path'] = "shape(from 10px 10px, curve to 50px 20px with 10rem 1%)" should set the property value: FAIL (Chrome: FAIL, Safari: PASS)
  • e.style['offset-path'] = "shape(from 10px 10px, curve to 50px 20px with 10rem 1px / 20vh 1ch)" should set the property value: FAIL (Chrome: FAIL, Safari: PASS)
  • e.style['offset-path'] = "shape(from 10px 10px, curve by 50px 20px with 10rem 1px / 20vh 1ch)" should set the property value: FAIL (Chrome: FAIL, Safari: PASS)
  • e.style['offset-path'] = "shape(from 10px 10px, smooth to 50px 20px with 10rem 1%)" should set the property value: FAIL (Chrome: FAIL, Safari: PASS)
  • e.style['offset-path'] = "shape(evenodd from 0px 0px, line to 10px 10px)" should set the property value: FAIL (Chrome: FAIL, Safari: PASS)
  • e.style['offset-path'] = "shape(nonzero from 0px 0px, line to 10px 10px)" should set the property value: FAIL (Chrome: FAIL, Safari: PASS)
  • e.style['offset-path'] = "shape(evenodd from 0px 0px, close)" should set the property value: FAIL (Chrome: FAIL, Safari: PASS)
  • e.style['offset-path'] = "shape(from 10px 10px, curve to 50px 20px with 10rem center)" should set the property value: FAIL (Chrome: FAIL, Safari: PASS)

CI Results

Gecko CI (Treeherder)
GitHub PR Head

Notes

These updates will be on mozilla-central once bug 1960348 lands.

Note: this bug is for tracking fixing the issues and is not
owned by the wpt sync bot.

This bug is linked to the relevant tests by an annotation in
https://github.com/web-platform-tests/wpt-metadata. These annotations
can be edited using the wpt interop dashboard
https://jgraham.github.io/wptdash/

If this bug is split into multiple bugs, please also update the
annotations, otherwise we are unable to track which wpt issues are
already triaged. Resolving as duplicate or closing this issue should
be cause the bot to automatically update or remove the annotation.

Comment 2

[Boris Chiou [:boris]]

I give this 2 points for now (just in case there are bugs we didn't notice)