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

[jneilliii]

There appears to be an issue with WebGL detection on larger iPad Pro 12.9" tablets. I found ticket #280 that addressed this at one point for other iOS devices, but not sure if this is a regression or not. Additional details can be found here of the problem. It seems that if the browser is made smaller the graphing works fine, but once maximized to the full size of the tablet, the error "WebGL is not supported by your browser" is displayed. The same result happens for this user as well on the example pages here.

[archmoj]

Which browser (& version) you are using?

[RaoulDuke-Esq]

Browser is Safari on iPadOS 13.3

[archmoj]

Replicated on:

Using Safari only (Chrome works well),

Showing:

[tsangiotis]

Having the same problem in iPad Air 10.5 (2019)

[archmoj]

Error: gl-fbo: Framebuffer incomplete attachment during createPlot:

plotly.js/src/plots/gl3d/scene.js

Line 137 in e7f38c0

scene.glplot = createPlot(opts);

.

[archmoj]

Got it to work by internally forcing isMobile=true in plotly.js and gl-plot3d.
Here is a demo.
The is-mobile module needs a patch to detect iPad Pro 12.9 (13) and iPad 7th (13) when using Safari.
Related: juliangruber/is-mobile#17

[archmoj]

Also see: https://stackoverflow.com/questions/58019463/how-to-detect-device-name-in-safari-on-ios-13-while-it-doesnt-show-the-correct