código de ejemplo: https://plnkr.co/edit/baMA0hrGq5XgG8Tb

Tengo un polígono que se resalta al pasar el mouse. dentro del polígono hay un icono y un enlace emergente. El problema es: cuando paso el mouse sobre la ventana emergente, se activa el mouseout del polígono, por lo que no está resaltado aunque el cursor todavía está dentro del polígono, no quiero que eso suceda.

Lo que probé:

1. utilizando el método de offset emergente (documentado aquí: https://leafletjs.com/reference.html#divoverlay ) para controlar el comportamiento de superposición, sin éxito.
2. usando un estilo css específico para la ventana emergente para evitar eso (al cambiar el z-index ), nuevamente sin éxito (si configuro la visibility: hidden , la ventana emergente se ocultará y no bloqueará el evento de mouseover del polígono)
3. No prefiero esta solución, pero pensé en activar el evento de mouseover (sobre el polígono) siempre que haya un evento de mouseover (sobre la ventana emergente)

¿Hay alguna manera de lograr eso sin usar un complemento?