RadioButton: "Tab" button control is stuck inside RadioButton group and not functioning adequately

Describe the bug When switching between components using “TAB” and “SHIFT+TAB”, when the control arrives inside RadioButton, it does not move out of the RadioButton group to other components.

Isolated Example UI Link Refer: https://codesandbox.io/s/radiobutton-tab-issue-r94oco?file=/src/App.js

To Reproduce Steps to reproduce the behavior:

1. Click any component above Radio buttons say, on Button “Btn 1”
2. Press TAB on Keyboard. It will shift the focus to the next component i.e. the Input Field
3. Press TAB again, it will shift the focus to the first Radio Button. Now on pressing TAB or Shift+TAB, nothing is happening. If we press SPACE then the corresponding Radio Button will get selected and with arrow keys we can navigate among the radio buttons.

Expected behavior Upon pressing TAB, the focus should have come out of the Radio Button group to the next component (Input field).

UI5 Web Components for React Information @ui5/webcomponents version: ^1.6.0 @ui5/webcomponents-react version: ^0.27.0 Operating System: Windows 10 Enterprise Browser: Google Chrome, Edge

[knandan15]

Hi @Lukas742 ,

I have updated the codeSandbox link, kindly have a look now.

[github-actions[bot]]

Hey there, it’s me again! I am going close this issue to help our maintainers focus on the current development roadmap instead. If the issue mentioned is still a concern, please open a new ticket and mention this old one.