54133 - [LBL]<label for=> leaves space between control and label

Status: NEW

(Core :: Layout: Form Controls, defect)

Description

[Jesse Ruderman]

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.

Comment 1

[Jesse Ruderman]

Attachment: testcase

Comment 2

[rods (gone)]

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.

Comment 3

[bsharma]

Updating QA contact.

Comment 4

[Blake Ross]

reopening and marking Future...

Comment 5

[Tim Larson]

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.

Comment 6

[Vladimir Ermakov]

QA Contact Update

Comment 7

[Boris Zbarsky [:bzbarsky]]

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.....