Button group - Accessibility bug (Keyboard navigation not working.

[KateMacdonald]

Keyboard navigation behaviour for button groups is not working as expected. The arrow keys do not move focus as they should.

https://gel-next-storybook.vercel.app/?path=/docs/components-buttongroup--docs

This is the expected behaviour:

It's basically a radio button group, so the correct behaviour is: Scenario 1 - Entering the group

• Tab will "enter" the grouping, visual focus goes to the first item
• Pressing Tab again will "leave" the grouping
• If you are navigating backwards up the page using Shift + Tab, when focus enters the group, visual focus will be on the last item in the group

Scenario 2 - Navigating the group and making a selection

• When focus is on the first item, pressing Space will select it
• Pressing the left/right or up/down arrow keys will move the focus to another item and will automatically select it.
• Once a selection is made, there is no way to unselect it