[Bug]: focusing an element using useFocusObserved hook focuses without outline after pressing enter in an input

[skipcheru]

Component

Utilities

Package version

9.55.0

React version

18.2.0

Environment

N/A

Current Behavior

After pressing enter in a searchbox or input, focus moves to the targeted element but it does not have focus outline. It seems that tabster does not consider Enter key as switching to keyboard navigation mode for input fields.

Expected Behavior

The focused element should have focus outline when using keyboard if the previous active element was input and user pressed enter key.

Reproduction

https://stackblitz.com/edit/ubivawfw?file=src%2Fexample.tsx

Steps to reproduce

1. Navigate to the example on StackBlitz
2. Type into the input field next to Reset button and press Enter key.
3. Observe the focused on load button has no focus outline.

Native inputs don't have the same problem and pressing Enter will trigger :focus-visible as demonstrated in this sandbox

Are you reporting an Accessibility issue?

None

Suggested severity

High - No workaround

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[ling1726]

Similarly this will happen for contextmenu events as well if the user uses shift+f10 to open a context menu. However in this case we can make an educated guess since on windows using shift+f10 means that the button won't be 2 (right click). Test on

• Chrome - value is -1
• Edge - value is -1
• Firefox - value is 0 (this could also be a garbage value since it means the user used main button to open a context menu)