Closed Bug 1603156 Opened 5 years ago Closed 3 years ago

[RTL] The left and right keyboard navigation of radio buttons is backwards.

Categories

(Core :: DOM: Core & HTML, defect, P3)

Product:
Core
Component:
DOM: Core & HTML
Type:
defect

Tracking

()

Status:
RESOLVED FIXED
Tracking Flags:
Tracking Status
firefox100 --- fixed

People

(Reporter: ewright, Unassigned)

References

(Blocks 1 open bug)

Details

STR:

  • Add the following to a page or jsfiddle:
<body dir="rtl">
    <form>
    <div>
    <input type="radio" name="color" value="yellow" checked> 1
    <input type="radio" name="color" value="red"> 2
    <input type="radio" name="color" value="green"> 3 
    <input type="radio" name="color" value="pink"> 4
    </div>
    </form> 
</body>
  • tab to select an element
  • hit the arrow key right or left

ER: right arrow should move right
AR: right arrow moves left and vice versa

This is affecting the Protection Report: see Bug 1594825
There is an interesting workaround by removing the elements form the page and re-inserting, though we don't know why.

Component: General → DOM: Forms
Product: Toolkit → Core
Priority: -- → P3

Note that this isn't limited to radiobuttons, this can be seen also on about:certificate which for this case uses buttons in a div. See bug 1692898.

This was fixed by bug 1760709.

Status: NEW → RESOLVED
Closed: 3 years ago
Depends on: 1760709
Resolution: --- → FIXED
status-firefox100: --- → fixed
Component: DOM: Forms → DOM: Core & HTML
See Also: https://bugzilla.mozilla.org/show_bug.cgi?id=1594825 →
Severity: normal → --
Blocks: 1788981
You need to log in before you can comment on or make changes to this bug.