You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hello,
I'm currently trying to add actions buttons to DataTable, and I took Popup example from menu page and placed it into each row of the DataTable. If I click on any menu first time, it works fine, but every next one give me that warning message.
VActionDropdownMe…?t=1732577479790:50 [Vue warn]: Computed property "focusedOptionId" is already defined in Props.
at <Menuitem key=0 id="pv_id_8_0_0" item=
{label: 'Refresh', icon: 'pi pi-refresh'}
... >
at <BaseTransition onEnter=fn onLeave=fn<onLeave> onAfterLeave=fn<bound onAfterLeave> ... >
at <Transition name="p-connected-overlay" onEnter=fn<bound onEnter> onLeave=fn<bound onLeave> ... >
at <Portal appendTo="body" disabled=false >
at <Menu model=
[{…}]
ref="menu" popup=true >
As for the code structure, I basically wrapped Popup example into separate component and pasted into each row of the DataTable with different menu data. It also affects any other "popup" menu on the page. I've tried to changed passed data to/from ref / computed with no results. I've also looked into issue #5054 but no luck yet.
But interestengly, it occurs only when I set :popup="true" on the menu component. If I remove it, warnings magically disappear, even if multiple menus are in the page. I suspect some Portal shenanigans, like it's first pasting newer instance of menu component, before remove older one.
I'll appreciate some advice or possible solution if anyone has an idea. Thanks.
Reproducer
See report
PrimeVue version
3.53.0
Vue version
3.x
Language
ES6
Build / Runtime
Nuxt
Browser(s)
No response
Steps to reproduce the behavior
Click on the action button in random order
Expected behavior
Every menu instance should open without warning.
The text was updated successfully, but these errors were encountered:
We're unable to replicate your issue, if you are able to create a reproducer by using PrimeVue Issue Template or add details please edit this issue. This issue will be closed if no activities in 20 days.
Describe the bug
Hello,
I'm currently trying to add actions buttons to DataTable, and I took Popup example from menu page and placed it into each row of the DataTable. If I click on any menu first time, it works fine, but every next one give me that warning message.
As for the code structure, I basically wrapped Popup example into separate component and pasted into each row of the DataTable with different menu data. It also affects any other "popup" menu on the page. I've tried to changed passed data to/from ref / computed with no results. I've also looked into issue #5054 but no luck yet.
But interestengly, it occurs only when I set :popup="true" on the menu component. If I remove it, warnings magically disappear, even if multiple menus are in the page. I suspect some Portal shenanigans, like it's first pasting newer instance of menu component, before remove older one.
I'll appreciate some advice or possible solution if anyone has an idea. Thanks.
Reproducer
See report
PrimeVue version
3.53.0
Vue version
3.x
Language
ES6
Build / Runtime
Nuxt
Browser(s)
No response
Steps to reproduce the behavior
Expected behavior
Every menu instance should open without warning.
The text was updated successfully, but these errors were encountered: