Radio button issues: tabbing inconsistency across browsers - Githubissues

bpmn-io / form-js

View and visually edit JSON-based forms.

https://bpmn.io/toolkit/form-js/

Other

418 stars 108 forks source link

Radio button issues: tabbing inconsistency across browsers #1287

Closed Skaiir closed 1 month ago

Skaiir commented 1 month ago

Describe the Bug

There are two issues:

When we tab across radio buttons not in firefox, the focus jumps and skips consecutive radio buttons
When we tab across radio buttons in firefox, the focus is handled for every radio element

Steps to Reproduce

start the viewer
open it in firefox
tab across a radio component
each radio element gets selected
put two radio components in the viewer test file after one-another
start the viewer
open in in chrome
tab across them
the second (and all following) radio buttons gets skipped entirely

I think this is probably due to the fact that radio components aren't named in either case which is why I made this a single issue.

Expected Behavior

(4) => radio elements should not be tabbed through (9) => only a single radio group should be tabbed over

Skaiir commented 1 month ago

Closed via https://github.com/bpmn-io/form-js/pull/1288