Many antPaths in Chrome cause "flashing" effect

[haydenseitz]

Type:

• bug
• feature
• question
• enhancement

Environment:

• OS: Windows 10
• Browser: Chrome
• Library Version: 1.3.0 (npm)

I'm going to open a PR:

• yes
• no

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:

GIF of example HTML in Firefox:

[ruan1998]

I am also confused about this problem.

[FortunaBEE]

I am also confused about this problem.

[emilmahler]

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

[MrOttimista]

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

[emilmahler]

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]

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]

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]

Same problem with the freshest Version 120.0.6099.71