patternfly / patternfly-elements

PatternFly Elements. A set of community-created web components based on PatternFly design.
https://patternflyelements.org/
MIT License
375 stars 89 forks source link

chip: fix group keyboard operability in Firefox #2682

Closed hellogreg closed 1 month ago

hellogreg commented 5 months ago

Description of the issue

Chip groups are not currently arrow-key-operable in Mac and Windows Firefox.

Impacted component(s)

Steps to reproduce

  1. Go to chip documentation.
  2. Navigate to a chip group using the tab key.
  3. Try using the arrow keys to navigate between chips.

The arrows don't move focus between the chips themselves. However, if you hit the arrow key enough times, focus will move to the x more/show less chip. (Focus then sticks on this chip until the tab key is pressed. The arrows no longer do anything.)

Tested in Firefox 115 (ESR) and 122.

Expected behavior

The user can navigate between all chips in a chip group via the arrow keys.

bennypowers commented 3 months ago

@hellogreg can we close this?