I have a span child in a div.

On my div I have a mouseover event, when I hover on the span, my event triggers.

Simple code:

<div (mouseover)=showOverlay($event, FooBar) (mouseleave)=showOverlay($event, FooBar)>

    <span>{{ someDataHere }}</span>

</div>





 public showOverlay($event, op, element): void {

    op.toggle($event, element);

    $event.preventDefault();

}

What I want is to keep showing my overlay when on child, how do I achieve this?