I am trying to put a marker on top of everything else on an "onhover" event. It already works on each part separately. The hovered tooltip is over the others, and the same for the markers, but it does not work on tooltip over marker / marker over tooltip.

I am using angular 11 and leaflet 1.7

const marker = L.marker([lat, lng], { draggable: this.dragAndDrop, riseOnHover: true });         
marker.on('mouseover', (event) => {
            const marker = event.target;
            marker.getTooltip()._container.style.zIndex = 5000;

        });

        marker.on('mouseout', (event) => {
            const marker = event.target;
            marker.getTooltip()._container.style.zIndex = 4000;
          
        });