Flickering of vector layers on drag end under mobile WebKit

[mourner]

Flickering of vector layers on drag end under mobile WebKit

[krawaller]

I noticed that this still happens on iOS 5.0 and 5.1, for example in the Quick Start example

From what I can tell, it happens whenever the longest side of the SVG element is larger than 1280px. Since the standard clip padding for paths is 0.5, this happens as soon as any side of the map is larger than 640px. To alleviate this in my fullscreen iPad map, I now set the following before creating the map:

L.Path.CLIP_PADDING = Math.max(0, Math.min(0.5, (1280 / Math.max(innerWidth, innerHeight) - 1) / 2));

This sets the clip padding to 0.125 on the iPad, meaning that the largest SVG we'll get is 1024*1.25 = 1280.

Not sure what the best way to handle this is for Leaflet, but for now I hope this information and quick fix can be of help for people stumbling on the same flickering as I did.

[mourner]

Wow, that's a really smart observation, I had no idea that the bug depends on the SVG element size! I'll test it out myself, and will be really glad if it's confirmed. Thanks a lot!

[mourner]

Sorry for being slow on this, incorporated your fix into master. :)