Menubar: Viewport panning on zoom when focusing menu items

[kaspernowak]

Describe the bug

When using the Menubar component from PrimeVue on a MacBook Air M1 in Chrome, zooming in on the webpage and interacting with the menu (either by clicking or hovering over items) causes the viewport to pan unexpectedly to the menu item. This behavior disrupts the user experience, as it forces the viewport to jump around when navigating the menu.

Screen recording of the issue:
https://github.com/primefaces/primevue/assets/54978466/99fab5d6-cb57-457c-8352-4741830db623

Reproducer

https://stackblitz.com/edit/9rkjcs?file=src%2FApp.vue

PrimeVue version

3.52.0

Vue version

3.x

Language

ALL

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

1. Open the application in Chrome on a MacBook Air M1.
2. Zoom in to at least 200%.
3. Interact with the Menubar component by clicking or hovering over its items.
4. Observe that the viewport pans to center on the active menu item.

Expected behavior

The expected behavior is that the viewport should not pan or move unless initiated by the user. Interactions with the Menubar items should not cause the viewport to shift focus or jump to the menu item, especially when the site is zoomed in.

[kaspernowak]

This issue is related to the following issues:
#5691
#5710