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.

Flickering of vector layers on drag end under mobile WebKit #18

Description

Activity

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions