TieredMenu: Menu commands in the TieredMenu don't receive any arguments

[jf908]

Describe the bug

In a typical menu item:

{
  label: "Test",
  command: function(e) {
    console.log(e); // e is undefined
  }
}

The command function receives undefined instead of an object contained the originalEvent and other menu bits.

Reproducer

https://codesandbox.io/s/dry-forest-3zsdh5?file=/src/App.vue

PrimeVue version

3.21.0

Vue version

3.x

Language

ALL

Build / Runtime

Nuxt

Browser(s)

No response

Steps to reproduce the behavior

1. Create a TieredMenu
2. Click on one of the TieredMenu items
3. Print out argument of command to see that it's undefined

Expected behavior

The argument should be the same as Menu, it should be an object that contains the originalEvent.

[github-actions]

We're unable to replicate your issue, if you are able to create a reproducer or add details please edit this issue. This issue will be closed if no activities in 20 days.

[bahadirsofuoglu]

Am I missing something? Could you try again?

[jf908]

Apologies, I linked a working version that used <Menu>, I've updated the reproducer to use <TieredMenu>

[Kixell-NicolasJardillier]

Hi,

I have the same issue with Menubar
From the example provided by @jf908 replace TieredMenu by :

• Menu => It works
• Menubar => It fails, with same error
• MegaMenu => It fails, with same error

any workaround ?

Best regards

[ThomasLaigneau]

Hi,

Same error here on MenuBar.

Any idea on how to fix it ?