281307 - vt.edu - label for one element, containing another

Status: RESOLVED FIXED

(Tech Evangelism Graveyard :: English US, defect)

Description

[Dan Jessberger]

User-Agent:       Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) gecko/20041107 Firefox/1.0

When trying option "other" in a multiple-choice style of form, Firefox is 
unable to click in the field to type and enter text.  The flashing text line 
appears for a split-second, then disappears, and the focus is back on the dot 
to the left of "other".

Reproducible: Always

Steps to Reproduce:
1. Browse to https://survey.vt.edu/survey/entry.jsp?id=1081428861317
2. Click the dot to the left of "other".
3. Attempt to click the field to the right of "other".
Actual Results:  
Firefox is unable to keep the focus on the text field to type into.

Expected Results:  
It works with IE, but not with Netscape.

Comment 1

[Phil Ringnalda (:philor)]

The markup in question boils down to <input type="radio" id="a"><label
for="a">other: <input type="text"></label>, which makes not only the text
"other:" but also the text input into the label for the radio button, and when
you click a label, it transfers the focus to the element that it is "for". Move
the </label> ahead of the text input, and it works.