296135 - Form input fields inside label tags behaves irregularly

Status: RESOLVED DUPLICATE of bug 213519

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

Description

[Greg Hendricks]

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.6) Gecko/20050225 Firefox/1.0.1
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.6) Gecko/20050225 Firefox/1.0.1

We ran across an intersting issue in our bugzilla installation and it seems to
be a browser problem. 
it arrises int the following html:
<input type="radio" name="button">
<label for="button">
   Label text <input name="text">
</label>

When clicking in the text box on the web form, it selects the radio button
(which is good) but then removes the focus from the text box and places it on
the radio button (which is bad).

This only seems to have been a problem since upgrading to firefox 1.0.1 and
later but we may be wrong.

Reproducible: Always

Comment 1

[PikeUK]

Could you attach a testcase to this bug please.

->Core: Event Handling

Comment 2

[Greg Hendricks]

Here is the actual code that was having the problem:

<!-- CODE START -->
  <input class="hdr-forms" type="radio" id="knob-leave" name="knob" value="none"
checked="checked">

  <label for="knob-leave"><nobr>
    Leave as <b>NEEDINFO&nbsp;</b> -
                Request info from: <input class="hdr-forms" name="infoprov_name"
type="text" size="18" value=ghendricks&#64;novell.com>
                  <a
href="javascript:userLookup('document.changeform.infoprov_name',
document.changeform.infoprov_name.value);">
                  <image src="users.png" border="0" alt="Lookup User"></a>
  </nobr></label>
  <br>


<!-- CODE END -->

The solution was to move the </label> tag to not include the <input> tag. When
we did this it fixed the problem.

In testing the snippet I wrote in comment 0 for the bug, there does not seem to
be any problem with it (it does not reporoduce the bug). 
I will attach the html page that is came from as well.

Comment 3

[Greg Hendricks]

Attachment: HTML code with the problem

Comment 4

[Greg Hendricks]

Reducing the code to:

<input id="knob" type="radio">
<label for="knob">
Leave as <b>NEEDINFO&nbsp;</b> -
Request info from: <input name="infoprov_name">
</label>

Produces the error.
I forgot the id attribute in the radio button before.

Comment 5

[Boris Zbarsky [:bzbarsky]]

This is a duplicate....

Comment 6

[Wayne Mery (:wsmwk)]

(In reply to comment #5)
> This is a duplicate....

certainly one of these...

all related?
bug 163912
Bug 185758
Bug 213519
bug 214368
Bug 295336
Bug 303382

and maybe
bug 181331    	
bug 263999
bug 171255
Bug 229925

eventually getting back to, for example
bug 234455
bug 127903