Scattergl plot rendering issues in Firefox – Missing traces on updates

[Puneet0112]

When updating scattergl plots in Firefox, some traces do not render as expected. This issue does not appear in other browsers, such as Chrome or Edge, where the scattergl traces are rendered as expected. When using scattergl, certain traces may not be displayed properly, resulting in missing visualizations on the graph despite their presence in the data. This issue is particularly noticeable with scattergl plots utilizing WebGL rendering.

The problem is absent when using scatter traces, which rely on SVG rendering, suggesting a potential WebGL compatibility or rendering issue specific to Firefox. The observed behavior occurs consistently across different datasets and setups, suggesting a deeper compatibility problem between WebGL rendering in Firefox and the Plotly scattergl implementation. Furthermore, there are no error messages in the browser console during the issue.

Here is a really simple reproducing example:
https://codepen.io/Puneet-Sharma112/pen/NWQOyVv

I also see a related issue which was created long back but was closed as non-reproducible.

[WeisSebastian]

We are also running into this issue

[Lexachoc]

I guess this will also affect Plotly React, as the plot is refreshed via Plotly.react as stated in here.

[PrinceBlueberry]

Adding a comment to give this more visibility, as I have also been dealing with this bug.

[artartyom]

I've also been running into visualization issues for several weeks now with plots not displaying or randomly changing scale etc... I think this is caused by the latest Firefox major update (131 -> 132) and not by Plotly itself. Downgrading Firefox to 131 brings everything back to normal. Unfortunately, all the 132 and beta 133 builds seem to run into the visualization issues.