How to include child mouse hover events in the parent MouseArea using QML?

Question

I want to implement the following scenario in QML.

Here is a sample/simplified delegat

Answer 1

Try this:

• add a signal to the inner area that's emitted on mouse enter.
• Connect the signal to the outer area.
• The signal causes the outer area to enter the hovered state.

Mouse exit on both will still cancel hover state. As you move the mouse off the controls it should work correctly without any extra code