child menu Item or parent onclick event?

[tomcon]

Hi,

Thanks for this.
I seem to be missing something simple as I can't see any event to hook into when a child menu item or parent is actually clicked.

[jutunen]

Hi,

custom element handles (steals) the heading onclick event when the mode is click.
This issue could be circumvented by listening to onmousedown events instead of onclick events.
When the mode is hover, heading onclick event is emitted normally.
Item onclick events seem to be emitted normally, I tested with this code:

<wc-menu-wrapper mode='click'>
    <div class='heading' onclick="console.log('heading clicked')" onmousedown="console.log('heading mousedown')"> Menu </div>
    <div class='item' onclick="console.log('item clicked')"> 1st item </div>
    <div class='item'> 2nd item </div>
    <div class='item'> 3rd item </div>
 </wc-menu-wrapper>