plotly scattergl renders points inaccurately on M1/M2 chip

[miso-hungry]

Checklist

• I have searched the existing issues for similar issues.
• I added a very descriptive title to this issue.
• I have provided sufficient information below to help reproduce this issue.

Summary

A known issue for webgl rendering on macs (plotly/plotly.js#6820) has been fixed in the recent plotly.js 2.28.0 release, which was ported to python in the plotly.py 5.19.0 release (plotly/plotly.py#4476).

I've verified that the rendering is now fixed in a vanilla jupyter notebook, but still persists in the same plotly chart rendered from streamlit. In both screenshots, the top plot uses webgl rendering, while the bottom plot uses svg. They are expected to be identical.

Jupyter:

Streamlit:

The streamlit plot still exhibits the same pre-patch plotly behavior where points "disappear" when zooming in (it should be centered but is stuck to the left side)

Reproducible Code Example

import streamlit as st

import plotly.express as pltx
import plotly.graph_objects as go

x = [16777217 + x for x in range(20)]
y = x

fig = pltx.scatter(x=x, y=y, render_mode='webgl')
st.plotly_chart(fig)

fig = pltx.scatter(x=x, y=y, render_mode='svg')
st.plotly_chart(fig)

Steps To Reproduce

Run the example via streamlit run (and jupyter server using fig.show() instead)

Expected Behavior

Plots are rendered identically with no zoom issues.

Current Behavior

webgl plots are rendered incorrectly

Is this a regression?

• Yes, this used to work in a previous version.

Debug info

• Streamlit version: 1.26.0
• Python version: 3.11.4
• Operating System: macOS Sonoma 14.3
• Browser: Chrome
• Plotly.py version: 5.19.0

Additional Information

No response

[github-actions]

If this issue affects you, please react with a 👍 (thumbs up emoji) to the initial post.

Your feedback helps us prioritize which bugs to investigate and address first.