Нажатие / наведение курсора мыши на символ пути D3 не работает в FireFox

Question

Надеюсь, что кто-то может помочь мне с этой проблемой: события работают нормально в Chrome, но в FireFox нет. Я уже об этом заглядывал ... Ставил "указатель-события: все;" в моем css. Проблема в том, что у меня есть много символов пути в SVG, которые взаимодействуют ... Chrome все работают, но Firefox работает только с одним символом пути и когда масштабирование останавливается.

Я показываю код ниже:

//CSS Code
.label-symbol{
pointer-events: all;
cursor: pointer;
}




let svg_node = d3.select("#" + paintOverlayNodeId);

let symbol_label = svg_node.append('g')
    .attr('class', 'g-marker resize-on-zoom');

   // Drawing the symbol
symbol_label.selectAll('path')
    .data(label_array)
    .enter()
    .append('path')
        .attr('class', 'label-symbol resize-on-zoom')
        .attr('transform', d => 'translate(' + d.x + ',' + d.y + ') scale(' + 1/scale() +)')
        .attr('d', d => d3.svg.symbol().size(100)
            .type(d.type)()

        )
        .style("fill", function(d,i){
            return d.color;
        })
        .on('mouseout', function (d, i) {
            d3.select(this).style('stroke', 'none');
        })
        .on("click", mouseclick )
        .on("mouseover", mouseover )
        .append("title")
            .text('.....');