Validated input inside a label tag

[Liane]

When a validated input (NumberTextBox?, ValidationTextBox? etc...) is surrounded by a label tag, a click in the label doesn't focus the input.

Example: ​http://jsfiddle.net/Liane/SFGrQ/

Also, in FireFox? (10.0, Mac & PC), when the input contains a wrong value, it isn't possible to set the focus clicking inside the input: type some wrong text (ex "xxx") inside the 2 inputs, both fields correctly show an error, but you can't click inside the second one to correct the value.

[Liane]

Running the test case above without css shows that focus is given to the hidden field.

​http://jsfiddle.net/Liane/h4mg5/

[Douglas Hays]

An implicit LABEL element may not work as a parent of a ValidationTextBox? since 2 INPUT elements are generated and 1 of them is type=hidden which is documented to not work well. Both problems described can be worked around by adding the for/id combination, but leaving the LABEL as the INPUT parent. I don't see an obvious fix.

[bill]

#17080 is a duplicate of this ticket.