Arrow keys don't work within the inline menu

Small development, but I still can't isolate...

It seems that when it happens, it relates to the browser tab; as in, refreshing the page does not fix, nor does going to a new website, but opening a new tab does fix things.

There is nothing unusual in the extension service worker console log, just the usual:

📥 Received message from native core <3554744055>
📤 Sending message to native core <837047558>
📥 Received message from native core <837047558>

And the developer tools console for the website just shows the "Retrieving "b5x-stateful-inline-icon" flag errored: timed out - falling back" error which seems to be a feature of 1Password 2.22.1.

What happens... when I press the [down-arrow] key once, the drop down menu appears without selecting any logins from the list (normal, although I don't know why it didn't select the first entry by default)... then the second [down-arrow] press, it will either do nothing, or the drop down disappears (that seems to be dependent on the websites Content-Security-Policy)... if pressing [down-arrow] once, I can press [tab] and that brings the first item into focus... if using the mouse, everything is fine.

Looking at your iframe, in the shadow-root, I can see a tabindex="0" on the

, I assume that gets the focus... then you have an
• for each login, and only
  's inside of them... I assume it's menu.js that handles the focus, but it's too big and minified for a quick check on what it's doing.