search

rubenspgcavalcante / leaflet-ant-path

🌿🐜 Creates a leaflet polyline with a 'ant-path' animated flux
http://rubenspgcavalcante.github.io/leaflet-ant-path
MIT License
463 stars 80 forks source link

Many antPaths in Chrome cause "flashing" effect #137

Open haydenseitz opened 4 years ago

haydenseitz commented 4 years ago

Type:

Environment:

I'm going to open a PR:

Description: When adding many (150+) antPaths to a map that are not paused, there is a flashing effect that happens when viewed in Chrome. This does not happen in Firefox or Edge

Here's an example HTML: leaflet-antpath-flashing-example.zip

GIF of example HTML in Chrome: leaflet-antpath-flashing-example-chrome

GIF of example HTML in Firefox: leaflet-antpath-flashing-example-firefox

ruan1998 commented 4 years ago

I am also confused about this problem.

FortunaBEE commented 4 years ago

I am also confused about this problem.

emilmahler commented 4 years ago

I can confirm the same issue in the Leaflet.extras2 package for R that uses this plugin.

MrOttimista commented 4 years ago

I tried this on chrome and I couldn't produce the bug my chrome version is Version 84.0.4147.105

emilmahler commented 4 years ago

The bug occurs in version 84.0.4147.135 and 85.0.4183.83. @MrOttimista can you try upgrading? So maybe this bug was introduced with the newer versions of Chrome.

jspyhotdev commented 4 years ago

I tried with this sample html code. it was working. var pathOpts = { lineCap: 'butt' , delay: 2000 , reverse: false , paused: false , renderer: L.svg({ pane: "overlayPane" }) }

ontwikkelfabriek commented 3 years ago

any progress on this.... It's still occurring in the latest Chrome Version 88.0.4324.150 (Official Build) (64-bit)

It makes this wonderful plugin almost completely unusable.

pazhukh commented 10 months ago

Same problem with the freshest Version 120.0.6099.71