Demos are broken on 5K displays

manubb / Leaflet.PixiOverlay

Bring Pixi.js power to Leaflet maps

MIT License

474 stars 84 forks source link

Demos are broken on 5K displays #2

Closed gugurete closed 7 years ago

gugurete commented 7 years ago

The basic demo works in firefox but it is broken in chrome With chrome, on zoom the shapes will wander of their intended position

gugurete commented 7 years ago

as a matter of fact, all of the demos are working only in firefox. chrome, safari will not work

manubb commented 7 years ago

Can you give me more details please: -precise versions of all browsers -your computer model and OS version ? What do you mean by demos do not work? Incorrect positions on zoom?

(Demos were tested on: -Fedora 25 (Chrome 59, Firefox 54 , Opera 46) -Chromebook (Chrome OS 58) -Windows 10 + Chrome -macOS 10.11 and 10.12 (Safari 10, Chrome 59, Firefox 54, Opera 46) -iOS Safari 10.3.2 and everything seems fine.)

gugurete commented 7 years ago

Hi, I just run another set of tests on CentOS and all looks fine here

Chrome Version 59.0.3071.109 (Official Build) (64-bit)
Opera 45.0
Firefox 54

The rendering is broken only on the latest mac OS X (iMac 2016), with the latest versions of Chrome and Safari. On Zoom/Pan the shapes have incorrect position as you can see it on the attached screenshot

gugurete commented 7 years ago

It works on a 3 year old macbook too. It looks like it is something hardware related on my iMac ? I will have another look this evening

gugurete commented 7 years ago

Defect caused probably by Open GL driver in my iMac (iMac Retina 5K, 27-inch, Late 2015, AMD Radeon R9 M395 2048 MB)

After disabling hardware acceleration in Chrome, issue is not present any more.

manubb commented 7 years ago

Could you report here the content of Framebuffer section from http://webglreport.com, please?

gugurete commented 7 years ago

WebGL1 Report - Chrome.pdf WebGL1 Report - Firefox.pdf WebGL2 Report - Chrome.pdf WebGL2 Report - Firefox.pdf

gugurete commented 7 years ago

Could it be caused by the 5K retina screen ?

manubb commented 7 years ago

Maybe this is related to a limit on webgl canvas size. Can you check if the problem is fixed on https://manubb.github.io/Leaflet.PixiOverlay/5k-test.html ?

manubb commented 7 years ago

All demos should be fixed at least with Chrome. Can you give a try with Safari?

gugurete commented 7 years ago

yes, it is screen size / retina display dependant I tested it again on the same iMac with the resolution set lower (3200 x 1800), and it that case it works.

gugurete commented 7 years ago

Yes, this works perfectly on all browsers on iMac 5K:
https://manubb.github.io/Leaflet.PixiOverlay/5k-test.html ?

manubb commented 7 years ago

This problem should be fixed in version 0.0.6. Closing issue. @gugurete Thanks for reporting!