Skip to content
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.

Sign up for GitHub

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

Jump to bottom

Safari not rendering scattergl traces #2543

Closed
LeanderK opened this issue Apr 11, 2018 · 8 comments · Fixed by #2593
Closed

Safari not rendering scattergl traces #2543

LeanderK opened this issue Apr 11, 2018 · 8 comments · Fixed by #2593
Assignees
@dy
Labels
bug something broken

Comments

@LeanderK
Copy link

When I look at this example, the first 2 scatterplots are empty.

this is the log :

[Error] WebGL: INVALID_VALUE: bufferData: size == 0
	bufferData
	u (plotlyjs-bundle.c9ee06fe8613.js:1:2698524)
	create (plotlyjs-bundle.c9ee06fe8613.js:1:2698698)
	buffer (plotlyjs-bundle.c9ee06fe8613.js:1:2710935)
	exports (plotlyjs-bundle.c9ee06fe8613.js:1:2601002)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:2490441)
	v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
	(anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
	syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
	promiseReactionJob
[Error] WebGL: INVALID_VALUE: bufferData: size == 0
	bufferData
	u (plotlyjs-bundle.c9ee06fe8613.js:1:2698524)
	create (plotlyjs-bundle.c9ee06fe8613.js:1:2698698)
	buffer (plotlyjs-bundle.c9ee06fe8613.js:1:2710935)
	exports (plotlyjs-bundle.c9ee06fe8613.js:1:2601120)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:2490441)
	v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
	(anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
	syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
	promiseReactionJob
[Error] WebGL: INVALID_VALUE: bufferData: size == 0
	bufferData
	u (plotlyjs-bundle.c9ee06fe8613.js:1:2698524)
	create (plotlyjs-bundle.c9ee06fe8613.js:1:2698698)
	buffer (plotlyjs-bundle.c9ee06fe8613.js:1:2710935)
	exports (plotlyjs-bundle.c9ee06fe8613.js:1:2601173)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:2490441)
	v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
	(anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
	syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
	promiseReactionJob
[Error] WebGL: INVALID_VALUE: bufferData: size == 0
	bufferData
	u (plotlyjs-bundle.c9ee06fe8613.js:1:2698524)
	create (plotlyjs-bundle.c9ee06fe8613.js:1:2698698)
	buffer (plotlyjs-bundle.c9ee06fe8613.js:1:2710935)
	exports (plotlyjs-bundle.c9ee06fe8613.js:1:2623124)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:2490478)
	v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
	(anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
	syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
	promiseReactionJob
[Error] WebGL: INVALID_VALUE: bufferData: size == 0
	bufferData
	u (plotlyjs-bundle.c9ee06fe8613.js:1:2698524)
	create (plotlyjs-bundle.c9ee06fe8613.js:1:2698698)
	buffer (plotlyjs-bundle.c9ee06fe8613.js:1:2710935)
	exports (plotlyjs-bundle.c9ee06fe8613.js:1:2623177)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:2490478)
	v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
	(anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
	syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
	promiseReactionJob
[Error] WebGL: INVALID_VALUE: bufferData: size == 0
	bufferData
	u (plotlyjs-bundle.c9ee06fe8613.js:1:2698524)
	create (plotlyjs-bundle.c9ee06fe8613.js:1:2698698)
	buffer (plotlyjs-bundle.c9ee06fe8613.js:1:2710935)
	exports (plotlyjs-bundle.c9ee06fe8613.js:1:2623231)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:2490478)
	v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
	(anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
	syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
	promiseReactionJob
[Error] WebGL: INVALID_VALUE: bufferData: size == 0
	bufferData
	u (plotlyjs-bundle.c9ee06fe8613.js:1:2698524)
	create (plotlyjs-bundle.c9ee06fe8613.js:1:2698698)
	buffer (plotlyjs-bundle.c9ee06fe8613.js:1:2710935)
	exports (plotlyjs-bundle.c9ee06fe8613.js:1:2623284)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:2490478)
	v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
	(anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
	syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
	promiseReactionJob
[Error] WebGL: INVALID_OPERATION: drawElements: unable to simulate vertexAttrib0 array
	drawElements
	batch (Anonymous Script 1 (line 1966))
	(anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:2692519)
	M (plotlyjs-bundle.c9ee06fe8613.js:1:2632387)
	draw (plotlyjs-bundle.c9ee06fe8613.js:1:2487054)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:2493114)
	v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
	(anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
	syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
	promiseReactionJob
[Error] WebGL: INVALID_VALUE: bufferData: size == 0
	bufferData
	u (plotlyjs-bundle.c9ee06fe8613.js:1:2698524)
	create (plotlyjs-bundle.c9ee06fe8613.js:1:2698698)
	buffer (plotlyjs-bundle.c9ee06fe8613.js:1:2710935)
	exports (plotlyjs-bundle.c9ee06fe8613.js:1:2623124)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:2490478)
	v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
	(anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
	syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
	promiseReactionJob
[Error] WebGL: INVALID_VALUE: bufferData: size == 0
	bufferData
	u (plotlyjs-bundle.c9ee06fe8613.js:1:2698524)
	create (plotlyjs-bundle.c9ee06fe8613.js:1:2698698)
	buffer (plotlyjs-bundle.c9ee06fe8613.js:1:2710935)
	exports (plotlyjs-bundle.c9ee06fe8613.js:1:2623177)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:2490478)
	v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
	(anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
	syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
	promiseReactionJob
[Error] WebGL: INVALID_VALUE: bufferData: size == 0
	bufferData
	u (plotlyjs-bundle.c9ee06fe8613.js:1:2698524)
	create (plotlyjs-bundle.c9ee06fe8613.js:1:2698698)
	buffer (plotlyjs-bundle.c9ee06fe8613.js:1:2710935)
	exports (plotlyjs-bundle.c9ee06fe8613.js:1:2623231)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:2490478)
	v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
	(anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
	syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
	promiseReactionJob
[Error] WebGL: INVALID_VALUE: bufferData: size == 0
	bufferData
	u (plotlyjs-bundle.c9ee06fe8613.js:1:2698524)
	create (plotlyjs-bundle.c9ee06fe8613.js:1:2698698)
	buffer (plotlyjs-bundle.c9ee06fe8613.js:1:2710935)
	exports (plotlyjs-bundle.c9ee06fe8613.js:1:2623284)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:2490478)
	v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
	(anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
	syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
	promiseReactionJob
[Error] WebGL: INVALID_OPERATION: drawElements: unable to simulate vertexAttrib0 array
	drawElements
	batch (Anonymous Script 2 (line 1966))
	(anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:2692519)
	M (plotlyjs-bundle.c9ee06fe8613.js:1:2632387)
	draw (plotlyjs-bundle.c9ee06fe8613.js:1:2487054)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:2493114)
	v (plotlyjs-bundle.c9ee06fe8613.js:1:1948244)
	plot (plotlyjs-bundle.c9ee06fe8613.js:1:1952031)
	(anonymous function) (plotlyjs-bundle.c9ee06fe8613.js:1:1858047)
	syncOrAsync (plotlyjs-bundle.c9ee06fe8613.js:1:1795598)
	promiseReactionJob
[Error] Failed to load resource: the server responded with a status of 404 () (plotly-ico.png, line 0)
@LeanderK LeanderK mentioned this issue Apr 11, 2018
Closed
@etpinard etpinard changed the title Safari not rendering WebGL Scatterplotls Safari not rendering scattergl traces Apr 11, 2018
@etpinard
Copy link
Contributor

Thanks very much for the report.

That's interesting. I've seen those WebGL: INVALID_VALUE: bufferData: size == 0 bufferData messages in Chrome before (e.g. #1976 mentions something similar), but those were never fatal. Looks like Safari is more strict.

WebGL issues can be very browser version and hardware dependent. To help us out even more, would you mind posting those info (something like in #2518 (comment)). Thanks!

cc @dy

@LeanderK
Copy link
Author

untitled 2
and:
Safari version: Version 11.1.1 (13605.2.1)

@dy dy self-assigned this Apr 11, 2018
@etpinard
Copy link
Contributor

Interesting I found #2457 which also present issues with scattergl and safari. Not sure why the #2457 didn't report any fatal errors, but only warnings.

@etpinard etpinard added the bug something broken label Apr 13, 2018
@cpsievert
Copy link

I'd consider this a 🚫-ing issue for the R 📦 (scattergl no longer renders in RStudio because of it).

@etpinard
Copy link
Contributor

(scattergl no longer renders in RStudio because of it).

So, RStudio errors when logging WebGL: INVALID_VALUE: bufferData: size == 0 bufferData unlike your other report in #2457?

@cpsievert cpsievert mentioned this issue Apr 17, 2018
Closed
@cpsievert
Copy link

@etpinard I think the fatal error is WebGL: INVALID_OPERATION: drawElements: unable to simulate vertexAttrib0 array. Looks like I did a poor job of reporting the full problem #2457. I think it's a duplicate of this issue.

@etpinard
Copy link
Contributor

Ok thanks @cpsievert !

Can anyone working out of the MTL office (cc @nicolaskruchten @VeraZab @chriddyp ) lend their Mac to @dy for a few hours this week to try to fix this thing? I guess we could also get @dy setup on browserstack, but debugging WebGL there sounds painful.

@nicolaskruchten
Copy link
Contributor

If @dy works evenings then sure, otherwise it's hard for me to get anything done without my machine :)

This was referenced Apr 30, 2018
Merged
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@dy dy

Labels
bug something broken
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Scattergl selection / clustering fix plotly/plotly.js
5 participants
@nicolaskruchten @dy @cpsievert @LeanderK @etpinard