Mozilla puts some extra, unclickable space between a form control and its label when the <label for=> syntax is used. It puts the form control right next to the label when the label tag is wrapped around both the form element and the label. Note that Internet Explorer 5.5/Win only handles the for= case correctly.
I am not really sure we will be able to do much about this. It does work when you wrap the contro inside the label.
Updating QA contact.
QA Contact: ckritzer → bsharma
reopening and marking Future...
Status: RESOLVED → REOPENED
Resolution: LATER → ---
Status: REOPENED → ASSIGNED
Summary: <label for=> leaves space between control and label → [LBL]<label for=> leaves space between control and label
This seems to be the right place to add this, or it might be related to bug 47149 or bug 43771. The URL above appears to be exhibiting the same problem my URL does. <http://www.christtrek.org/wedding/> build 2000110104 Fairly simple response form here, where I experimented with LABEL. Layout seems to be leaving space for the text inside the LABEL tag itself. See the text "Your email address" and "Your name might be good, too" where the LABEL contains one word in the middle of those strings.
QA Contact Update
QA Contact: bsharma → vladimire
The space is the margin of the control. In the <label for=> case it's not inside the label, so clicking on it does nothing. It's also not inside the control, so clicking on it doesn't send an event to the control. We have other bug requests on having clicks in this margin go to the control itself, but that's not possible to do while leaving it a margin.....
Assignee: rods → nobody
Status: ASSIGNED → NEW
QA Contact: vladimire → layout.form-controls
You need to log in before you can comment on or make changes to this bug.