search

rive-app / rive-wasm

Wasm/JS runtime for Rive
MIT License
739 stars 52 forks source link

Samples in the docs are broken in Firefox #352

Open andraaspar opened 8 months ago

andraaspar commented 8 months ago

Description

Visiting https://help.rive.app/runtimes/overview/web-js with Firefox 124.0.1 shows errors in the sample:

Uncaught TypeError: CanvasRenderingContext2D.clip: Argument 1 does not implement interface Path2D.
    c https://m7p872.csb.app/node_modules/@rive-app/canvas/rive.js:42
    b https://m7p872.csb.app/node_modules/@rive-app/canvas/rive.js:30
    requestAnimationFrame https://m7p872.csb.app/node_modules/@rive-app/canvas/rive.js:30
    startRendering https://m7p872.csb.app/node_modules/@rive-app/canvas/rive.js:2241
    draw https://m7p872.csb.app/node_modules/@rive-app/canvas/rive.js:1726
    b https://m7p872.csb.app/node_modules/@rive-app/canvas/rive.js:30
    b https://m7p872.csb.app/node_modules/@rive-app/canvas/rive.js:30
    ...

Provide a Repro

Visit https://help.rive.app/runtimes/overview/web-js with Firefox and look at the animation.

Expected behavior

For it to work, same as Chrome.

Screenshots

image

Browser & Versions (please complete the following information)

mbforbes commented 5 months ago

In case it's helpful to debug, it works for me on Firefox on Mac.

Screenshot 2024-06-18 at 11 30 01 AM

andraaspar commented 5 months ago

Still broken for me.

Browser: Firefox 127.0.2 (64-bit) OS: Windows 11

Edit: The new version of the article is now at https://rive.app/community/doc/web-js/docvlgbnS1mp and that is also broken.

luckydye commented 4 weeks ago

I see the same problem. Its about this example btw: https://codesandbox.io/p/sandbox/rive-web-state-machine-example-forked-6x5hg2 (I updated rive to 2.23.3) I have used rive on Firefox in the past without problem, so not sure what causes this one.