WebGL visualisations not rendering on iOS #280

mattpolicastro · 2016-02-24T16:11:21Z

I've tried opening a few WebGL-powered visualisations (e.g. wavenumbers) on iOS devices in Safari but am greeted with "Webgl is not supported by your browser - visit http://get.webgl.org for more info". However, WebGL is well-supported in Safari and is able to render graphics from other libraries (e.g. three.js).

I'm not terribly familiar with the project, but I'm poking around how GL context is determined and when showNoWebGlMsg() is fired in /src/plots/gl3d/scene.js. Am I barking up the right tree, or totally off-base?

The text was updated successfully, but these errors were encountered:

mikolalysenko · 2016-02-24T22:50:19Z

It might be that we are passing incompatible parameters to the webgl context creation. This is hard to test without access to an iOS device. I'll see if I can scrounge one up or borrow something to test.

mattpolicastro · 2016-02-24T23:13:49Z

This is the error I'm able to trigger from Safari's developer console (iPhone 6 Plus, iOS 9.2.1):

TypeError: undefined is not an object (evaluating 'scene.glplot.canvas')              1295
draven.min.js:1:12125
contextraven.min.js:1:11951
(anonymous function)80b358f249c0.js:16382:547
ljquery.min.js:1:17001
fireWithjquery.min.js:1:17784
readyjquery.min.js:1:12515
Ajquery.min.js:1:9914

Though raven.js is for Sentry, no?
Edit: happy to test anything you have from my end.

eugenesvk · 2016-03-27T18:26:13Z

I have the same issue in both Chrome and Safari on iPhone 6 iOS 9.3. Funny thing is visiting http://get.webgl.org in the error message shows a spinning cube just fine.
Hope you can figure it out and fix so iOS users can enjoy awesome plot.ly 3D charts :)

McCulloughRT · 2016-07-13T22:16:56Z

Has there been any progress on this issue? I'd love to have a working 3D scatter plot on iOS but currently get the same message as above.

minimaxir · 2016-07-27T15:29:56Z

I second the request for progress on this issue. This issue is a blocker for me using 3D charts.

smvv · 2016-07-27T18:29:33Z

Same issue for Firefox running on Android (Samsung Galaxy S6)

dy · 2016-10-07T22:14:48Z

Ok, part of the issue, at least for scatter3d, appears to be in gl-fbo ↑

dy · 2016-10-07T22:39:37Z

Seems that iOS just does not allow rendering to floating point textures. It should be fixed here.
just mention @dfcreative

climbercarmich · 2016-11-11T21:14:39Z

It also is a big drawback for me as I use an Ipad often for data visualisation presentations. Any updates on this?

dy · 2016-12-03T03:18:21Z

This should fix 3d-related issues.

bg23 · 2017-03-03T10:03:54Z

Surface Plot under iOS 10 still prints "Webgl is not supported by your browser" using plotly.js version 1.24.0.

etpinard · 2017-03-03T15:17:07Z

@bg23 can you share an example?

alubbock · 2017-03-07T05:44:05Z

@etpinard I'm also getting this error, e.g. on the plotly example 3d surface plots: https://plot.ly/python/3d-surface-plots/

Screenshot below from an iPad Mini 4 running iOS 10.2.1, taken just now.

dy · 2017-03-07T12:32:49Z

@etpinard I fixed that only for mesh3d, so complaints are valid. Can look at other cases.

bg23 · 2017-03-07T15:12:45Z

The javascript example at "https://plot.ly/javascript/3d-surface-plots/"
is working under Windows/Chrome and Android/Chrome (the latter OS without touch operations).
Under iOS/Safari however "WebGL is not supported" is displayed.

man-bear-pig · 2017-05-12T03:48:09Z

I still experience this bug in both iOS Chrome (58.0.3029.83) and Safari on 13" iPad Pro.

ischurov · 2017-07-17T01:50:08Z

I wonder why this bug is closed? I definitely see the same error messages in Safari under iOS (i.e. here).

etpinard · 2017-07-17T13:56:44Z

@ischurov @man-bear-pig #1411 (released in 1.24.0) did fix the problem for some iOS distro, but looks like not all. I'll gladly reopen this issue.

Looking at the reports in detail, the problems appear to only concern surface traces. Could anyone here be interested in testing our other WebGL trace types to help us narrow down the problem? For example,

rreusser · 2017-07-17T18:21:20Z

These all work for me on iPhone 5 except for 3d-mesh, which has lots of black spots @etpinard reports are fixed by #1868. The other exception is @chriddyp's plot which has question mark glyphs for all of the characters.

etpinard · 2017-07-17T18:38:37Z

The other exception is @chriddyp's plot which has question mark glyphs for all of the characters.

Another argument for 🔪 the current unicode to texture algo cc @dfcreative

rreusser · 2017-07-17T18:54:06Z

Even in the iOS simulator using iOS 10.3 + iPhone 5, it shows ? on the first load and proper glyphs on the second. Is it conceivably possible that it's a font loading issue? Maybe solvable by this sort of thing? Not sure why question marks would be the missing font fallback though.

bg23 · 2017-07-17T20:41:28Z

On iPad with iOS and Safari 10.3: Scatter and Mesh fail with Webgl not supported. Hue value is OK, but characters are shown as question marks. Von meinem iPad gesendet

…

Am 17.07.2017 um 15:56 schrieb Étienne Tétreault-Pinard ***@***.***>: @ischurov @man-bear-pig #1411 (released in 1.24.0) did fix the problem for some iOS distro, but looks like not all. I'll gladly reopen this issue. Looking at the reports in detail, the problems appear to only concern surface traces. Could anyone here be interested in testing our other WebGL trace types to help us narrow down the problem? For example, https://plot.ly/javascript/3d-scatter-plots/ https://plot.ly/javascript/3d-mesh/ https://plot.ly/~chris/17389.embed — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

etpinard · 2017-07-17T20:46:27Z

@bg23 can you go to http://webglreport.com/ to see if your iPad's browser does support WebGL?

bg23 · 2017-07-18T07:37:29Z

It supports Webgl 1, but not Webgl 2. All Webgl apps I tried were working,except for plotly.js surface plot. Von meinem iPad gesendet

…

Am 17.07.2017 um 22:46 schrieb Étienne Tétreault-Pinard ***@***.***>: @bg23 can you go to http://webglreport.com/ to see if your iPad's browser does support WebGL? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

bg23 · 2017-10-10T15:50:35Z

Fixed for myself locally, see my comment to #1411.

bg23 · 2017-10-11T07:03:21Z

The reason for this bug on iPad is the incomplete iPad detection for mobiles:
In "function isMobile (ua)", the check "ip(hone|od)" must be replaced by "ip(ad|hone|od).
Then surface plots will also work on iPads.

gittar · 2018-05-20T00:18:00Z

surface plots still do not work on ipads. Even a partial solution with limited touch handling would be very helphul.

ShaneHudson · 2018-08-26T10:46:46Z

I've also got an issue with surface plots not working on ipad.

nicolaskruchten · 2018-09-15T19:18:04Z

It would be helpful if people reporting issues could report the specific device and trace type where the issues are observed.

From what I can tell, the subject of this issue (i.e. "WebGL on iOS") is far too broad. As of today, my testing shows that:

on an iPhone 7 (model number A1778): all trace types work
on an iPad Air 2 (model number A1566): all trace types work except scatter3d, mesh3d, surface, cone, and streamtube. (Note that scattergl and scatterpolargl do work, and they use WebGL as well.)

Are there any instances of iPhones where certain trace types do not work, or iPads where trace types other than the ones listed above do not work?

ShaneHudson · 2018-09-15T19:46:05Z

For me the issue is surface (and heatmapgl iirc) on iPad 2018

…

On Sat, 15 Sep 2018, 8:18 pm Nicolas Kruchten, ***@***.***> wrote: It would be helpful if people reporting issues could report the specific *device* and *trace type* where the issues are observed. From what I can tell, the subject of this issue (i.e. "iOS") is far too broad. As of today, my testing shows that: - on an iPhone 7 (model number A1778): all trace types work - on an iPad Air 2 (model number A1566): all trace types work except scatter3d, mesh3d, surface, cone, and streamtube Are there any instances of iPhones where certain trace types do not work, or iPads where trace types other than the ones listed above do not work? — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#280 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAduXcv61OizFRw208yfhV-aDLeLpeI7ks5ubVJzgaJpZM4Hh1cQ> .

nicolaskruchten · 2018-09-15T20:23:59Z

Thanks @ShaneHudson! Are you able to use scatter3d or any of the others I listed as broken on my iPad?

nicolaskruchten · 2018-09-16T00:20:08Z

Connecting my iPad up to my Mac with developer tools enabled and trying to load a scatter3d traces gives me this:

The error seems to come from in here somewhere: https://github.com/stackgl/gl-fbo

nicolaskruchten · 2018-09-18T18:22:18Z

@dy I see you got something merged in some upstream repo... what are the next steps here? any estimate of when I could see a PR into plotly.js that I could test? I'm ready whenever!

etpinard added the bug something broken label Apr 6, 2016

bg23 mentioned this issue May 8, 2016

3D surface plot: Interactive rotation, zooming, panning not working on touch devices #518

Closed

dy mentioned this issue Oct 7, 2016

Framebuffer incomplete attachment in Safari stackgl/gl-fbo#17

Closed

This was referenced Nov 11, 2016

Ignore floats in mobiles gl-vis/gl-plot3d#6

Merged

Touch support? mikolalysenko/mouse-change#1

Open

dy mentioned this issue Dec 3, 2016

Implement simple touches mikolalysenko/3d-view-controls#1

Merged

etpinard mentioned this issue Feb 23, 2017

Fix gl3D on iOS #1411

Merged

etpinard closed this as completed in #1411 Feb 24, 2017

alexcjohnson mentioned this issue Jul 11, 2017

Rewrite WebGL code in regl #949

Closed

etpinard reopened this Jul 17, 2017

dy mentioned this issue Jan 26, 2018

Consider tablets? iPad etc. juliangruber/is-mobile#3

Closed

jneilliii mentioned this issue Jun 2, 2018

WebGL error on iPad Safari jneilliii/OctoPrint-BedLevelVisualizer#55

Closed

This was referenced Sep 17, 2018

Consider ipads as mobiles juliangruber/is-mobile#4

Closed

Introduce tablets option juliangruber/is-mobile#6

Merged

dy mentioned this issue Sep 21, 2018

Enable tablet gl-vis/gl-plot3d#11

Merged

etpinard closed this as completed in gl-vis/gl-plot3d#11 Oct 10, 2018

etpinard mentioned this issue Oct 10, 2018

Fix gl3d subplots on tablets #3088

Merged

This was referenced Jan 21, 2020

iPad Pro 12.9" webgl not supported error jneilliii/OctoPrint-BedLevelVisualizer#180

Closed

iPad Pro 12.9 (13) and iPad 7th (13) Not Detected Properly using Safari #4502

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

WebGL visualisations not rendering on iOS #280

WebGL visualisations not rendering on iOS #280

mattpolicastro commented Feb 24, 2016 •

edited by etpinard

Loading

mikolalysenko commented Feb 24, 2016

mattpolicastro commented Feb 24, 2016

eugenesvk commented Mar 27, 2016

McCulloughRT commented Jul 13, 2016

minimaxir commented Jul 27, 2016

smvv commented Jul 27, 2016

dy commented Oct 7, 2016

dy commented Oct 7, 2016 •

edited

Loading

climbercarmich commented Nov 11, 2016

dy commented Dec 3, 2016

bg23 commented Mar 3, 2017

etpinard commented Mar 3, 2017

alubbock commented Mar 7, 2017 •

edited

Loading

dy commented Mar 7, 2017

bg23 commented Mar 7, 2017

man-bear-pig commented May 12, 2017

ischurov commented Jul 17, 2017

etpinard commented Jul 17, 2017

rreusser commented Jul 17, 2017

etpinard commented Jul 17, 2017

rreusser commented Jul 17, 2017 •

edited

Loading

bg23 commented Jul 17, 2017 via email

etpinard commented Jul 17, 2017

bg23 commented Jul 18, 2017 via email

bg23 commented Oct 10, 2017

bg23 commented Oct 11, 2017

gittar commented May 20, 2018 •

edited

Loading

ShaneHudson commented Aug 26, 2018

nicolaskruchten commented Sep 15, 2018 •

edited

Loading

ShaneHudson commented Sep 15, 2018 via email

nicolaskruchten commented Sep 15, 2018

nicolaskruchten commented Sep 16, 2018

nicolaskruchten commented Sep 18, 2018

WebGL visualisations not rendering on iOS #280

WebGL visualisations not rendering on iOS #280

Comments

mattpolicastro commented Feb 24, 2016 • edited by etpinard Loading

mikolalysenko commented Feb 24, 2016

mattpolicastro commented Feb 24, 2016

eugenesvk commented Mar 27, 2016

McCulloughRT commented Jul 13, 2016

minimaxir commented Jul 27, 2016

smvv commented Jul 27, 2016

dy commented Oct 7, 2016

dy commented Oct 7, 2016 • edited Loading

climbercarmich commented Nov 11, 2016

dy commented Dec 3, 2016

bg23 commented Mar 3, 2017

etpinard commented Mar 3, 2017

alubbock commented Mar 7, 2017 • edited Loading

dy commented Mar 7, 2017

bg23 commented Mar 7, 2017

man-bear-pig commented May 12, 2017

ischurov commented Jul 17, 2017

etpinard commented Jul 17, 2017

rreusser commented Jul 17, 2017

etpinard commented Jul 17, 2017

rreusser commented Jul 17, 2017 • edited Loading

bg23 commented Jul 17, 2017 via email

etpinard commented Jul 17, 2017

bg23 commented Jul 18, 2017 via email

bg23 commented Oct 10, 2017

bg23 commented Oct 11, 2017

gittar commented May 20, 2018 • edited Loading

ShaneHudson commented Aug 26, 2018

nicolaskruchten commented Sep 15, 2018 • edited Loading

ShaneHudson commented Sep 15, 2018 via email

nicolaskruchten commented Sep 15, 2018

nicolaskruchten commented Sep 16, 2018

nicolaskruchten commented Sep 18, 2018

mattpolicastro commented Feb 24, 2016 •

edited by etpinard

Loading

dy commented Oct 7, 2016 •

edited

Loading

alubbock commented Mar 7, 2017 •

edited

Loading

rreusser commented Jul 17, 2017 •

edited

Loading

gittar commented May 20, 2018 •

edited

Loading

nicolaskruchten commented Sep 15, 2018 •

edited

Loading