276279 - Clicking label doesn't let control lose focus

Status: RESOLVED FIXED

(Core :: DOM: Events, defect)

Description

[Przemyslaw Jackowski]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8a6) Gecko/20041227 Firefox/1.0+
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8a6) Gecko/20041227 Firefox/1.0+

I use <label>s for <form> elements (eg. <checkbox> or <radio>); to an element
JavaScript is attached and when it is clicked, focuses on other element. The
problem is that the blur() (and hence the focus(), too) doesn't work, if you
click on the <label>. When you click on the element itself, it works as expected.

Reproducible: Always

Steps to Reproduce:
1. <checkbox> or <radio> with onclick event, using funtion with
document.getElementById("some_other_element").focus(), plus a <label>
2. click on <label>
3. some_other_element is not focused

Actual Results:  
The clicked element's focus was not removed (ie. nor blurring this element,
neither focusing some_other_element didn't work). On the other hand, clicking
_the_ element (and not the <label>) works as expected -- some_other_element is
being focused.

Expected Results:  
Clicking on <label> should work exactly like clicking on given element -- if
clicking on element executes JavaScript blurring it or focusing another element,
the same should be possible by clicking on element's <label>.

Comment 1

[Phil Ringnalda (:philor)]

Attachment: testcase

Comment 2

[Phil Ringnalda (:philor)]

That does seem odd, though I don't understand events too well. Clicking either
the label or the checkbox fires focus, click, change, change on the control, but
when the label is clicked, the first change insists on taking focus back, so you
get focus, click, change, focus, change.

Comment 3

[Mats Palmgren (inactive)]

The double "change" event is bug 254238

Comment 4

[Boris Zbarsky [:bzbarsky]]

The patch in bug 146066 fixes this.

Comment 5

[Boris Zbarsky [:bzbarsky]]

Fixed by patch in bug 146066.