onMouseEnter event missing when component hides on top of another (i.e. contextual menu)

I provide a codepen example showcasing the issue here, https://codepen.io/ivalduan/pen/VwZpmMQ 1. The component on the screen tracks correctly a hover state of the mouse pointer 2. With the right button you create a contextual menu without covering the text and the hover state is correct when the mouse is over the menu 3. When you select and option of the contextual menu on top of the background component the second does not receive an onMouseEnter event and the hover state remains false when it should be true