[MenuBar]: Slow performance

[FabienVINCENT]

Describe the bug

When we have a large amount of data the component is very slow when displaying the submenus or hovers.

in primevue2 I had the same menu but I didn't have this problem (try in primevue3 same problem).

I tried with the Aura theme or with Tailwind presets, it's the same.

Reproducer

https://stackblitz.com/edit/primevue-4-vite-issue-template-tk2bqe?file=src/App.vue

PrimeVue version

4.0.3

Vue version

4.x

Language

TypeScript

Build / Runtime

Nuxt

Browser(s)

Arc, chrome, firefox

Steps to reproduce the behavior

1. Click on menu item
2. hover a submenu item
3. the submenu with large content is very slow and hover is laggy

Expected behavior

No response

[FabienVINCENT]

primevue 3 : https://stackblitz.com/edit/primevue-3-vite-issue-template-qkvcjn?file=src/App.vue

primevue 2 : https://codesandbox.io/p/sandbox/gifted-jang-6t45m5?file=/src/App.vue:28,1

[avramz]

Can reproduce, fix in PR

[FabienVINCENT]

I confirm that it improves performance. On tests with 500 items it is still a little laggy but much less so. Thanks

[avramz]

There is also a transition on each list item, which visually looks like it's lagging when working with bigger lists, turning that one off improved overall experience for me. cc @FabienVINCEN

T

[FabienVINCENT]

There is also a transition on each list item, which visually looks like it's lagging when working with bigger lists, turning that one off improved overall experience for me. cc @FabienVINCEN T

not sure if this helps much in my case