I have a component that displays two action icons on hover. This is actually a commonly used standard behaviour. The hover is instant. The actions are Settings and Delete. However, when I leave the hover with mouse leave, the icons remain visible, which they should not, as the component does not display these icons by default (they are hidden).

But that only happens when I hover over the actions. As long as I don't "touch" them, the parent component works as expected.

Where is the mistake?