rive-app / rive-app/rive-wasm

Samples in the docs are broken in Firefox

Open
#352 3 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
968
Forks
85
Avg merge
15h 1m
Merged PRs (30d)
1

Description

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)
  • Browser: Firefox 124.0.1
  • OS: Windows 11
  • NPM Version: not my project

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the failure by opening the web-js overview sample at help.rive.app/runtimes/overview/web-js in Firefox 124.0.1 and compare it with Chrome. Start with the reported CanvasRenderingContext2D.clip error and the rive.js stack entries, then identify the relevant runtime or sample source. Done means the animation works in Firefox without the Path2D error, as it does in Chrome.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.