[Bug] macOS sonoma Render exception

visgl / deck.gl

WebGL2 powered visualization framework

https://deck.gl

MIT License

12.25k stars 2.08k forks source link

[Bug] macOS sonoma Render exception #8127

Closed FEJackFly closed 1 year ago

FEJackFly commented 1 year ago

Description

macOS sonoma 14.0 Render exception

macOS ventura Render smoothly without jagging

Flavors

[ ] Script tag
[X] React
[ ] Python/Jupyter notebook
[ ] MapboxOverlay
[ ] GoogleMapsOverlay
[ ] CartoLayer
[ ] ArcGIS

Expected Behavior

No response

Steps to Reproduce

macOS sonoma 14.0

https://codesandbox.io/s/hungry-joliot-tmq3wl?file=/src/App.js

Environment

Framework version: "deck.gl": "^8.9.29"
Browser: chrome 117.0.5938.88
OS: macOS sonoma 14.0

Logs

No response

craigloftus commented 1 year ago

We were seeing a similar issue, and have been able to reproduce in both Chrome and Safari. Edge is unaffected.

The issue seems to be addressed in Chrome Beta (also seems to address your issue in the sandbox).

The grid (rasters) and the yellow polygons (vectors) should be uniform squares, but are stretched and compressed horizontally.

Screenshot 2023-09-29 at 11 49 31

We think the issue is with the Angle WebGL renderer but haven't been able to identify the associated issue upstream.

craigloftus commented 1 year ago

To follow up on this... it is still a problem even with 118. As mentioned before the issue is with the WebGL renderer, specifically the ANGLE backend. With Sonoma it looks like this was changed to default to Metal for Chrome, rather than OpenGL. However the Metal backend is still considered experimental.

There is a workaround, you can change the ANGLE backend via a flag in chrome: chrome://flags/#use-angle and change the setting to OpenGL.

FEJackFly commented 1 year ago

MacOS:14.1 Chrome:118 This issue has been resolved