Closed Bug 144634 Opened 23 years ago Closed 23 years ago

positioned labels disappear

Categories

(Core :: CSS Parsing and Computation, defect)

x86
Windows 2000
defect
Not set
major

Tracking

()

RESOLVED DUPLICATE of bug 96813

People

(Reporter: avandenhoven, Assigned: dbaron)

Details

From Bugzilla Helper: User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.0rc2) Gecko/20020510 BuildID: 2002051006 This could also be a bug with the form. It seems that when you position a label it disappears. Duplicating the code with a span instead of a label yields the expected result, implying that this is a problem with the way labels are handled. I also checked to make sure the html spec for label says nothing about positioning. As my supervisor just pointed out, this is a major bug since I use this sort of constructs for a product that will be used by 2 million+ Canadians. I'd hate to have to take Moz out of my list of supported browser, since I'd prefer it if everyone used it. One could use a span (as the example shows) but it lacks the semantic meaning and functionality (transfer of focus). Reproducible: Always Steps to Reproduce: 1. Simply load the HTML below. 2. note the missing label in the first instance but not the second (which is a span) Use this HTML to view the problem. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> Mozilla Defect </title> <style type="text/css"> div.c5 {position:relative; top:40px; left:20px; border:thin solid blue; width:500px;} span.c4 {position:absolute; top:0px; left:0px} div.c3 {position:relative; top:20px; left:20px; border:thin solid green; width:500px;} input.c2 {position:relative; top:0px; left:200px} label.c1 {position:absolute; top:0px; left:0px} </style> </head> <body> <div class="c3"> <label class="c1">This uses a label</label> <input type="text" class="c2" /> </div> <div class="c5"> <span class="c4">This uses a span</span> <input type="text" class="c2" /> </div> </body> </html>
*** This bug has been marked as a duplicate of 96813 ***
Status: UNCONFIRMED → RESOLVED
Closed: 23 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.