NorthwoodsSoftware / GoJS

JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
http://gojs.net
Other
7.8k stars 2.86k forks source link

Disappearing nodes on canvas, for macOS #208

Closed Flareonn closed 6 months ago

Flareonn commented 6 months ago

This error is only reproducible on macOS. In some browsers such as: Safari, Google Chrome.

There is no such problem in Firefox browser.

Initially we thought that the problem was in the use of shadows, but when we gave up shadows, the nodes started disappearing for other reasons. Interaction with opacity of nodes also leads to their temporary disappearance, until the cursor meets a node

https://github.com/NorthwoodsSoftware/GoJS/assets/35931685/bfa01cbb-eb29-4118-b0c9-9c83e994022e

The key point to replay, is that the disappearance of nodes always happens after switching between browser tabs / application windows

simonsarris commented 6 months ago

This is a known bug with Chrome on M1 macs that they introduced. It's breaking a lot of canvas-based web apps. The bug is here: https://issues.chromium.org/issues/328755781

simonsarris commented 6 months ago

This is out of our hands, so I'm closing the issue.

If you make sure to use no opacity and no shadows, the issue will be lessened. Possibly gradients too. That is the only workaround I know of right now.