1413213 - all radio buttons in radio group are iterable with TAB key

Status: RESOLVED DUPLICATE of bug 1267488

(Core :: Layout: Form Controls, defect, P3)

Description

[Yevhen]

Attachment: firefox wrong navigation inside radio group with TAB key.gif

User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36

Steps to reproduce:

Create group of radio buttons.
Try to enter and leave the group with keyboard navigation using TAB key.

Example:
<style type="text/css">
input:focus {
 outline: 1px solid red;
}
</style>
<input type="text" /><br />
<input type="radio" name="test" value="1" />1<br />
<input type="radio" name="test" value="2" />2<br />
<input type="radio" name="test" value="3" />3<br />
<input type="text" />

I've also found old closed issues about the same:
https://bugzilla.mozilla.org/show_bug.cgi?id=17602
https://bugzilla.mozilla.org/show_bug.cgi?id=277198



Actual results:

After TAB is pressed first radio button in the group is focused.
Any fither TAB pressings moves focus to next radio button in the same group until reaching last radio button in the group.

NOTE: after any radio button is checked/selected TAB does not move focus inside the group(works according to w3c spec)


Expected results:

After TAB is pressed first radio in the group button should be focused.
After next time TAB is pressed focus should leave radio group with moving to next widget.
https://www.w3.org/wiki/RadioButton

Comment 1

[Astley Chen (inactive)]

When focus is on the group and when no radio button is selected:
* Tab key press moves focus to the first radio button in the group, but does not select the radio button.
* Shift+Tab key press moves focus to the last radio button in the group, but does not select the radio button.

Confirmed Firefox behavior is different from Chrome on focus moves within radio group without selection.