Tabbing in radio buttons are broken in FocusOn

[sebpettersson]

When using a radio button group inside FocusOn, keyboard tabbing is broken. When the focus is on a radio button the focus get "stuck" and doesn't move to the next element when pressing tab.

In the test case below, when the focus trap is enabled:

• When the first radio button has focus, tabbing doesn't do anything. Shift + tab works and the focus is set to the button.

• When the second radio button has focus, tabbing doesn't do anything. Shift + tab doesn't work either.

• When the last radio button has focus, tabbing and shift + tab both work as expected.

Compare it to the second example with checkboxes which work correctly.

Test case

[theKashey]

Yeah, there is a special logic for radio buttons (they are a bit special), which is probably got broken a bit.

[theKashey]

Related theKashey/react-focus-lock#103

[theKashey]

Fixed in v3.4.1