Decorator onclick event retrieve property

[Legolash2o]

I'm wanting to add a click event to the layer the arrows are added to, but I'm struggling to pass on custom properties. When I click on the arrow, it prevents me from clicking on the line which already has a working event trigger on it.

Each line has an 'id' property added to it. When I add a test property on arrowLine, i don't seem to be able to see it when I console log.

 var arrowLine = L.polylineDecorator(line, {
        patterns: [
             {
                id: 'test',
                clickable: true,
                offset: 40,
                repeat: 40,
                symbol: L.Symbol.arrowHead({
                    pixelSize: 20, pathOptions: {
                        fillOpacity: 0.75,
                        fillColor: 'black',
                        color: '#989898'
                    }
                })
            }
        ]
    });
    arrowLine.test = 'testing';

arrowLine.addTo(trackArrowLayer);

trackArrowLayer.on("click",
            function (event) {
                console.log(event.layer);
            });

[Legolash2o]

I closed the duplicate as I posted it on the wrong git, as I believe this is a polyline decorator issue, not a leaflet one. I could be wrong.