Common UI - Keyboard Navigation

Hello!

We would like to use Common UI to handle cardinal navigation on PC for gamepad, mouse and keyboard.

Navigation using gamepad and mouse is functioning, but we’re running into issues when trying to use the keyboard to navigate:

  • Selection of a UI element (e.g. focusing on a button in a menu) is being shown as a blue outline, instead of the expected selection visuals
  • Only the space bar works as an “accept” action, despite the default navigation actions being set up (e.g. Enter as Accept)
  • It is possible for the UI to get stuck in a state where keyboard input does not allow cardinal navigation

It seems that the same issue is present in this Introduction to Common UI video, but unfortunately a solution is not reached.

To clarify, we’re not trying to support simultaneous mouse and keyboard navigation and understand that this would cause design issues, as mentioned in the documentation.

Here are some images showing visuals when navigating with mouse, gamepad and keyboard respectively:

[Image Removed]

[Image Removed]

[Image Removed]

In terms of specification, we’re looking for a solution that:

  • Works with Common UI
  • Works with Enhanced Input
  • Supports cardinal navigation for gamepad, mouse and keyboard (including selection visuals)
  • Supports the use of CommonActionWidget for displaying actions, for gamepad, mouse and keyboard
  • Removes the blue outline for gamepad and keyboard navigation

What would be the best way to achieve this?

Thank you for your help.

1 Like