You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Tabbing should enable extra button-group element navigation
If we were to place the highlight on the Replace button and press tab, the highlight would then goto the next button in the button-group - Modify, rather than jumping onto the next button group below that and placing the highlight onto the Undo icon button. This impedes the quick tabbing through of page components. It also lends less credibility to the button-group as a cohesive unit.
Arrow keys should enable intra button-group button navigation
Instead of tabbing, ideally I feel the buttons within a button-group should be navigated using the arrow keys - left and right. This does not happen today at all. Tabbing is necessarily required to move between the intra group buttons.
To Reproduce
Steps to reproduce the current behavior:
Keep tabbing until you reach Replace button in the first button group
Press Tab again - notice that it doesn't move away from the button-group. Instead it performs intra tab group navigation
Press left or right arrow keys. Notice that no change happens to highlighted element.
Expected behavior
Tabbing should enable extra button-group element navigation
If we were to place the highlight on the Replace button and press tab, the highlight would then goto the next button in the button-group - Modify, rather than jumping onto the next button group below that and placing the highlight onto the Undo icon button. This impedes the quick tabbing through of page components. It also lends less credibility to the button-group as a cohesive unit.
Arrow keys should enable intra button-group button navigation
Instead of tabbing, ideally I feel the buttons within a button-group should be navigated using the arrow keys - left and right. This does not happen today at all. Tabbing is necessarily required to move between the intra group buttons.
he4helium
changed the title
[Bug] - Keyboard navigation between buttons inside button group should occur through cursor keys rather than tabbing
[Bug] - Intra fw-button-group navigation should happen through Arrow keys. Tabbing should move highlight away from button group
Aug 23, 2022
Component
fw-button-group
fw-button
Describe the bug
https://crayons.freshworks.com/components/core/button-group/#demo
Tabbing should enable extra button-group element navigation
If we were to place the highlight on the Replace button and press tab, the highlight would then goto the next button in the button-group - Modify, rather than jumping onto the next button group below that and placing the highlight onto the Undo icon button. This impedes the quick tabbing through of page components. It also lends less credibility to the button-group as a cohesive unit.
Arrow keys should enable intra button-group button navigation
Instead of tabbing, ideally I feel the buttons within a button-group should be navigated using the arrow keys - left and right. This does not happen today at all. Tabbing is necessarily required to move between the intra group buttons.
To Reproduce
Steps to reproduce the current behavior:
Expected behavior
Tabbing should enable extra button-group element navigation
If we were to place the highlight on the Replace button and press tab, the highlight would then goto the next button in the button-group - Modify, rather than jumping onto the next button group below that and placing the highlight onto the Undo icon button. This impedes the quick tabbing through of page components. It also lends less credibility to the button-group as a cohesive unit.
Arrow keys should enable intra button-group button navigation
Instead of tabbing, ideally I feel the buttons within a button-group should be navigated using the arrow keys - left and right. This does not happen today at all. Tabbing is necessarily required to move between the intra group buttons.
Screenshots
![image](https://user-images.githubusercontent.com/80086284/186075984-bc54561a-ef4b-47ba-bfe9-1b985ebe6981.png)
Additional context
https://user-images.githubusercontent.com/80086284/186077338-e13ebcc3-8e40-448c-b736-f72817788d8b.mov
The text was updated successfully, but these errors were encountered: