Decorators drawn outside of line boundaries when zoomed out

[crowmagnumb]

I have a line decorator defined as ...

    arrows = L.polylineDecorator(latlngs, {
        color: "#107d9f",
        patterns: [
            {
                offset: 40,
                repeat: 80,
                symbol: L.Symbol.arrowHead({
                    pixelSize: 15,
                    pathOptions: { fillOpacity: 1, weight: 0 }
                })
            }
        ]
    });

... which results in this which is fine except for a few stray arrows drawn ...

... but further zoomed out looks like this ...

In both cases it should not draw any arrows if they don't fit within the bounds of the line. Not sure how to make this happen. By choosing an offset of zero it helped. Arrowheads still drawn but at least they were clustered near the points. But that doesn't look good zoomed in.

[crowmagnumb]

I have submitted a pull request that fixes this for me.

[jb2b38]

Having the exact same problem, this pull request fixes the bug.