q-item inside q-menu does not emit click events

[DocBouCou]

What happened?

I am using a list of items inside a q-menu.
These items should be clickable to trigger a method (and do something else). But I cannot manage to get the click event working with the q-items.

I spent time trying to make the codepen works (even had to create an account on codepen). So I hope it is clear enough.

What did you expect to happen?

I expect that q-item can trigger click event. But only q-item-section and q-item-label are. If the q-menu is outside a q-input, it works. Edit: In fact even if the q-menu is outside a q-input it does not trigger the click event (sorry).

Reproduction URL

https://codepen.io/DocBoucou111/pen/yyLoLKR

How to reproduce?

1. go to the reproduction link (I am not using composition api, so it is probably badly written but it works)
2. click in the input or on notify so the menu shows up
3. click on one of the item
4. look at the console: only "click label" and "click section" are written.
5. comment the <q-input> (and the </q-input>)
6. click on button to see the menu, click on the item
7. you see that item, section and label are clicked section and label are clicked

Flavour

Quasar CLI with Webpack (@quasar/cli | @quasar/app-webpack)

Areas

Components (quasar)

Platforms/Browsers

Firefox

Quasar info output

Relevant log output

Additional context

No response

[DocBouCou]

I checked again, and I realized there was some typo in my code on the clickable prop of the q-item. So, if there is "clickable" correctly written it works. Sorry for that, I close the issue