I’m gonna struggle to explain this one so the links are included at the end.
Nested interactive components have some confusing behaviour. The interactions set on child components are handled (super cool), but in the case of click events ONLY the child component’s is effective somehow.
Replicating event bubbling from the web? Child fires first then parent? Dunno exactly just see the problem not the solution