Skip to content

Artifact on the edge of canvas #370

@dimi-colossal

Description

@dimi-colossal

Hi folks,

We've noticed an issue. When the rive element edges are visible to the parent element, we get some line artifacts. It was the same on top/bottom and left/right (depending on how we scaled it).

Here's a video of the issue:
https://github.com/user-attachments/assets/c298a766-3b52-4740-a878-f7af147e36cb

The rive file in question:
https://drive.google.com/file/d/1GW9JN5MjOWihuB38OzkfYpNg_m8PTAOc/view?usp=sharing

Please let me know if you need further info.

Tested on:

Chrome: Version 137.0.7151.120 (Official Build) (arm64)
Safari: Version 18.5 (20621.2.5.11.8)
Firefox: 140.0.1 (aarch64)
MacBook Pro 14-inch, Nov 2023, Apple M3 Pro, MacOS 15.5 (24F74)

"@rive-app/react-canvas": "^4.21.4",
"@rive-app/react-webgl": "^4.21.4",
"@rive-app/react-webgl2": "^4.21.4",
"@rive-app/webgl": "^2.30.1",

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions