Dropdown: items focused when pressing letters in contexts where they shouldn't

[inad9300]

Describe the bug

When a dropdown element is focused, if you use the "Ctrl+F" browser shortcut, the first menu item starting with "F" will be selected.

Reproducer

https://codesandbox.io/s/primereact-demo-forked-y5t86v?file=/src/App.jsx

PrimeReact version

10.3.3

React version

17.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

1. Focus on the dropdown element.
2. Press "Ctrl+F".
3. See how the selection changes to "Frankfurt".

Expected behavior

Shortcuts (not just "Ctrl+F", but all of them) should not have an effect on menu item selection. Native HTML <select> elements have the right behavior.

[inad9300]

@melloware I'm experiencing this issue again with keyboard shortcuts such as "Alt+D" (moves the focus to the browser's address bar).

[melloware]

@inad9300 you want ALT+D blocked if they are in the dropdown? but that is a browser navigation shortcut why would you want it stopped? If you are looking for character "D" for "David" in the dropdown why are you pressing ALT+D which is the browser shortcut to take you to the Navigation bar?

[inad9300]

I'm trying to use a browser shortcut while a dropdown happens to have the focus, and don't want that to start changing things in the UI. Just like in the original ticket, neither "Ctrl+F" nor "Alt+D", etc. should cause the dropdown to open and preselect a new item. Only pressing "F" or "D" without any other key while the dropdown is focused should trigger its opening.

[melloware]

OH so if you had an item with a D in it its selecting it. That is bad.

[melloware]

Ahhh I looked through Git History and when PrimeTek refactored for Accesibility they removed the ALT_KEY check. I have restored it for 10.9.2