Spiderifying with a lot of markers breaks page rendering

• I’m reporting a bug, not asking for help
• I’m sure this is a Leaflet.MarkerCluster code issue, not an issue with my own code nor with the framework I’m using (Cordova, Ionic, Angular, React…)
• I’ve searched through the issues to make sure it’s not yet reported

---

How to reproduce

• Leaflet version I’m using: 1.3.1
• Leaflet.MarkerCluster version I’m using: 1.3.0
• Browser (with version) I’m using: Chrome
• OS/Platform (with version) I’m using: Linux
• Clusters at max zoom with ~200+ items
• Spiderify is gliching out the entire page, entire blocks of the page fail to render, crazy stuff. Hard to track down why, I don’t see anything unusual in the DOM. See the weird grey sections to the right and bottom right, and half the table below is cut off O_O

• Zooming back out (which cancels spidering) fixes it and the page renders properly again.

What behaviour I’m expecting and which behaviour I’m seeing

Shouldn’t mangle the page!

I’d be happy with an option that could let me make a workaround, i.e. spiderfyOnMaxZoom allowing a closure that can return true/false based on some conditions, for example size of the cluster (I could do return clusterSize < 100; and just not spiderify on really big clusters)

Minimal example reproducing the issue

I’ll have to set up a jsfiddle at some point later, a bit tight on time right now but I should be able to do it later.

Options I’m using:

    var cluster = L.markerClusterGroup({
        maxClusterRadius: 35,
        spiderLegPolylineOptions: { weight: 1, color: '#222', opacity: 0.2 },
        chunkedLoading: true,
    });

[danzel]

LMK when there is a jsfiddle up, looks like maybe we are upsetting the browser, but we could be doing something wrong.

[francislavoie]

Ah okay @danzel, I see that I can do c.layer._childCount (where c is the cluster event), but how do I cancel spidering? return false; doesn’t cancel that from happening.