Prop to disable default selection of first MenuItem when opening a Menu

[vinodkola1337]

When we open a Menu, the first Menuitem gets selected by default. I know this is by design, but I am curious to understand the reason. Is it for keyboard interactions?

I also noticed that there is a prop called 'autoOptionFocus' for Dropdown component for disabling this behavior. Is it possible to have a similar prop for the other Menu components too? It would be a great addition for us.

[tugcekucukoglu]

We need more community demand on this issue.

[SamuelWei]

I think this is related to the issue: primefaces/primevue#4481 ?

[SamuelWei]

I'm also looking for an option to disable this, or even better be able to programmatically set the focus to an item to show the current state. Use case: Use Menu with popover as a dropdown menu button for a locale switcher, the focus should always be on the current locale.

[Caarnus]

I would also like to request this feature. It makes the styling look odd by default and while there are work arounds it seems like something that should be configurable as part of the component.

[VororRich]

Another issue this presents is if you are using a menu to toggle an option (such as a theme menu). If you use class to background highlight the currently selected option, the focus hides it.

[MAN-Sendance]

I support the idea of getting an option for removing the focus.

[AniMZ711]

I’m experiencing the same issue, and it’s a significant problem when developing accessible single-page websites. It looks very odd when navigating to a section, only for the focus to unexpectedly jump to the first item. Is there any update or a current workaround available?