249813 - Focus outlines for checkboxes and radios should surround <label>

Status: VERIFIED DUPLICATE of bug 142898

(Core :: DOM: UI Events & Focus Handling, defect)

Description

[Aaron Leventhal]

Steps:
1. Load a page with radio buttons or checkboxes that use <label> to associate a
text label with each.
2. Click on a radio button or checkbox, or navigate to it with the keyboard

What happens:
The focus outline is around the actual radio button or checkbox

Expected:
The focus outline is around the label. IE gets it right.

Comment 1

[Nian Liu(n/a in a long time)]

Attachment: simple test case

Comment 2

[Aaron Leventhal]

Neo, will you take this bug?

BTW, usually the radio button or checkbox comes before the label, but your
testcase is okay since it should work either way.

Comment 3

[[e-mail]]

Technically you should be able to enclose the button and text in the same label
but IE doesn't like that...

Comment 4

[Aaron Leventhal]

(In reply to comment #3)
> Technically you should be able to enclose the button and text in the same label
> but IE doesn't like that...

Do you mean enclose them in the same focus outline?

Comment 5

[Jesse Ruderman]

This is a dup of bug 142898.

Comment 6

[Aaron Leventhal]

*** This bug has been marked as a duplicate of 142898 ***