Skip to content

3D plots broken in Chrome 77 on GNU/Linux and Android #4233

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
dpq opened this issue Sep 29, 2019 · 14 comments
Closed

3D plots broken in Chrome 77 on GNU/Linux and Android #4233

dpq opened this issue Sep 29, 2019 · 14 comments
Assignees
Labels
bug something broken

Comments

@dpq
Copy link

dpq commented Sep 29, 2019

Summary

In Chrome@Linux v.77, 3D plots are broken.

Steps to reproduce

For example, visit the docs. Other 3D plots used in production are similarly broken in Chrome 77.

What is observed

In error console, WebGL: CONTEXT_LOST_WEBGL: loseContext: context lost. In the browser:
image

What is expected

Normally functioning 3D plots.

Additional information

WebGL is enabled; get.webgl.org shows a spinning cube; Chrome WebGL experiments such as Aquarium work properly.

@etpinard
Copy link
Contributor

Thanks very much reporting.

We've had some reports already in #3640, could you tell which Linux flavor/version you're using and some info about the hardware you're on. Thank you!

@archmoj
Copy link
Contributor

archmoj commented Sep 30, 2019

With Chrome 77 on Ubuntu the very first graph displays the error and then a combination of working and non-working veiwports like the one below:
Screenshot from 2019-09-30 10-35-01

@etpinard etpinard added the bug something broken label Sep 30, 2019
@longwei66
Copy link

Same here, not working with Version 77.0.3865.90 (Build officiel) (64 bits) - Ubuntu 18.04

WebGL: CONTEXT_LOST_WEBGL: loseContext: context lost

See example here : https://datapleth.io/blog/2019/08/28/2019-08-28_the_french_yield_curve_problem/
image

No problem on firefox 69.0.1 (64 bits) and chromium v. 76 on another computer (wayland).

The example was generated by plotly on R 👍
https://cloud.r-project.org/src/contrib/plotly_4.9.0.tar.gz

Source code here :
https://github.com/longwei66/datapleth/blob/master/content/blog/2019-08-28_the_french_yield_curve_problem.Rmd

@archmoj
Copy link
Contributor

archmoj commented Oct 2, 2019

@dpq @longwei66
Could you please test this codepen in Chrome 77 browser?
Thanks.

@longwei66
Copy link

@archmoj this works, I can see the vector in 3D with axis, initial issue on my example above persists.

@dpq
Copy link
Author

dpq commented Oct 5, 2019

@etpinard
00:02.0 VGA compatible controller: Intel Corporation HD Graphics 5500 (rev 09)
Debian GNU/Linux 10 (Stretch)

I can provide more info on hardware if you tell me what exactly do you need.

@dpq
Copy link
Author

dpq commented Oct 5, 2019

@archmoj I also observe the codepen working.

Update: due to unknown reasons (maybe another Chrome/system package update, or maybe I didn't notice it initially) on the docs page linked in the bug report I observe the following behavior:

  • First plot (iris data): same as before, WebGL not supported
  • Second plot (with color dimension), third (styled 3D scatter plot), fourth (basic scatter plot with go.scatter3d) are invisible except for the legend, but then appear when I hover the mouse over them:

Before:

image

After:

image

  • 3D Scatter Plot with Colorscaling and Marker Styling appears to work correctly
  • Dash App shows the "WebGL not supported" error message

@archmoj archmoj changed the title 3D plots broken in Chrome 77 at Linux 3D plots broken in Chrome 77 on GNU/Linux and Android Oct 6, 2019
@archmoj archmoj added this to the v1.50.0 milestone Oct 6, 2019
@etpinard
Copy link
Contributor

etpinard commented Oct 7, 2019

A first attempt at fixing this problem got merged in #4256 and will be released in today's v1.50.0

We'll keep this issue open until we find a better solution.

@etpinard etpinard removed this from the v1.50.0 milestone Oct 7, 2019
@archmoj
Copy link
Contributor

archmoj commented Oct 17, 2019

heatmapgl also shows a webgl problem when using Chrome77 on Ubuntu:
https://rreusser.github.io/plotly-mock-viewer/#gl2d_heatmapgl

Screenshot from 2019-10-17 15-33-34

@antoinerg
Copy link
Contributor

antoinerg commented Oct 17, 2019

heatmapgl is also shows a webgl problem when using Chrome77 on Ubuntu:
https://rreusser.github.io/plotly-mock-viewer/#gl2d_heatmapgl

This example actually works fine for me on Chromium Version 77.0.3865.90 (Developer Build) (64-bit) on NixOS 19.03 (Linux). Maybe the bug only affects Chrome and not Chromium?

@antoinerg
Copy link
Contributor

heatmapgl also shows a webgl problem when using Chrome77 on Ubuntu:
https://rreusser.github.io/plotly-mock-viewer/#gl2d_heatmapgl

Screenshot from 2019-10-17 15-33-34

It also works for me on Chrome Version 77.0.3865.120 (Official Build) (64-bit) on NixOS 19.03 (Linux). @archmoj exactly what version of Chrome are you running?

@archmoj
Copy link
Contributor

archmoj commented Oct 17, 2019

Chrome Version 77.0.3865.120 and .90 both displayed the error.

@antoinerg
Copy link
Contributor

Chrome Version 77.0.3865.120 and .90 both displayed the error.

Ok so I imagine there is an incompatibility with the graphics library shipped with Ubuntu since this exact Chrome version works for me over here. 🤔

@archmoj
Copy link
Contributor

archmoj commented Oct 30, 2019

This issue appears to be fixed in Chrome 78 and we already have a work around for v77.
Closing.

@archmoj archmoj closed this as completed Oct 30, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug something broken
Projects
None yet
Development

No branches or pull requests

5 participants