vmware-archive/clarity

[drop-down] Keyboard user is unable to interact with drop-down menu buttons

igpeev opened this issue · 2 comments

igpeev commented

Keyboard user is unable to interact with drop-down menu buttons

StackBlitz

How to reproduce (use key-board only):

  1. Hit Tab until "ACTION BUTTON-S" becomes focused
  2. Expand Actions (hit Return/Enter)
  3. Try to go down to actions AFTER Button 2 (using down keyboard arrow)
  4. The focus disappears and the keyboard user cannot focus back

Expected behaviour

The focus doesn't disappear.

Additional notes

  • When using divs instead of buttons, the issue seems gone, BUT the disabled-looking dropdown-item is still clickable (as seen in the console), which is not desired behaviour.

Versions

Clarity project:

  • Clarity Angular/UI

Clarity version:

  • v5.x

Framework:

  • Angular

Framework version:
Angular 11.2.14

Device:

  • Type: [Mac]
  • OS: [BigSur]
  • Browser [Chrome]
  • Version [96.0.4664.110]
gnomeontherun commented

@igpeev are these issues tracked by our internal a11y team? If so that is where we review and triage issues so we don't have duplicate issues. If they are not tracked by our a11y team, they should be. Adding @scroniser for visibility.

github-actions commented

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.