webgl incorrect clipping, 0.12.11 onwards

[doiko]

When webgl is enabled and firefox is used after zooming or panning glyphs can go outside the axes.
Moving them back can also leave some "garbages" outside axes.

Can be reproduced in:
https://bokeh.pydata.org/en/latest/docs/user_guide/webgl.html

This issue do not appear at chrome, or edge

[mattpap]

Which version of Firefox and what platform?

[doiko]

Problem appears in Firefox 56.0 (64-bit), both standard and developer edition under Ubuntu 17.04 and 16.04.

[mattpap]

Are there any error in JS console? E.g.:

Error: WebGL warning: Failed to create WebGL context: WebGL creation failed: 
* Refused to create native OpenGL context because of blacklist entry: 
* Exhausted GL driver options.

I have exactly the same setup in my dev VM and on my host system, and in VM it works and fails on host. Anyway, what you observe here is that webgl wasn't allowed to be initialized (I suspect it's a configuration issue), so bokeh fell back to software rendering, but didn't properly set up clipping region (as this is done by webgl renderer if requested).

[mattpap]

https://wiki.mozilla.org/Blocklisting/Blocked_Graphics_Drivers may help enabling webgl.

[doiko]

Hi,
I am opening https://bokeh.pydata.org/en/latest/docs/user_guide/webgl.html
and the error I see is

Source map error: request failed with status 404
Resource URL: https://cdn.pydata.org/bokeh/release/bokeh-0.12.10.min.js
Source Map URL: bokeh.min.js.map

Working in a VM.

[jnettels]

On my Windows laptop, I have the same problem. The rectangle where glyphs are displayed does not match with the figure axis.
In my case the problem appears in all browsers (Firefox, Chrome, Egde). At the same time, all of them show huge performance improvements with enabled webgl. So I assume that webgl is sort of working (i.e. not blocklisted), just not properly. I already tried a second Windows laptop which shows the same behaviour.
Is there anything I can do to help identify the cause of the issue?

Edit: I realized this has already been adressed and commented on in another issue (#6867)

[alexomics]

Similar issues on MacOS. In Firefox, with webgl enabled, I only see overflow on the top or bottom axes on some plots (see below) Though it seems like the 'view' is just shifted in one direction.

Both from https://bokeh.pydata.org/en/latest/docs/user_guide/webgl.html

In Chrome, with webgl disabled, I see overflow on all sides.

Firefox console warning: bokeh-gl-0.12.13.min.js:1:12536

Error: WebGL warning: Drawing without vertex attrib 0 array enabled forces the browser to do expensive emulation work when running on desktop OpenGL platforms, for example on Mac. It is preferable to always draw with vertex attrib 0 array enabled, by using bindAttribLocation to bind some always-used attribute to location 0.

Chrome console warning: bokeh-0.12.13.min.js:sourcemap:1

bokeh-0.12.13.min.js:sourcemap:1 [bokeh] WebGL is not supported, falling back to 2D canvas.
e.init_webgl @ bokeh-0.12.13.min.js:sourcemap:1

Mac OS X 10.13.1
Chrome/63.0.3239.132
Firefox 57.0.4

[birdsarah]

I've updated the title, and marked as bug.

Go to User Guide -> Speeding up with WebGL

For 0.12.10 and then 0.12.11 onwards and I see this bug on Chrome and Firefox.

Am marking this one as other reportees are being directed here.