Closed Bug 209302 Opened 22 years ago Closed 18 years ago

The height of a box changes clicking input tag

Categories

(Core :: Layout: Floats, defect, P3)

x86
All
defect

Tracking

()

RESOLVED WORKSFORME
Future

People

(Reporter: andreas.eidmann, Unassigned)

References

Details

(Keywords: testcase)

Attachments

(2 files, 1 obsolete file)

User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.4) Gecko/20030529 Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.4) Gecko/20030529 The height of the box with class='boxC' changes after clicking in input tag with class 'open': see example below. <html> <head> <style type="text/css"> .boxC{ float:left; width: 100%; border:solid 3px red; } .boxC .header{ height:auto; position: relative; border:solid 3px black; } .boxC .header .title{ border:solid 3px green; float: left; } .boxC .header .open{ position : absolute; border: 1px solid red; height : 9px; width : 9px; left : 180px; top : 8px; } </style> </head> <body > <form method="post" name="globalform" > <div class="boxC"> <div class="header"> <div class="title">Title lost ???</div> <input type="submit" value="&nbsp;" class="open"/> </div> </div> <div class="boxC"> <div class="header"> <div class="title">Title lost ???</div> <input type="submit" value="&nbsp;" class="open"/> </div> </div> <div class="boxC"> <div class="header"> <div class="title">Title lost ???</div> <input type="submit" value="&nbsp;" class="open"/> </div> </div> </form> </body> </html> Reproducible: Always Steps to Reproduce: 1. open html of Details in the browser 2. click the first small gray box with red border (input tag with class open) 3. the height of the div with class='boxC' changes Expected Results: Dont change the height of the box
Attached file Testcase (obsolete) —
Confirming bug, also occurs with 2003-06-12-22 trunk Linux
Status: UNCONFIRMED → NEW
Ever confirmed: true
Keywords: testcase
OS: Windows 2000 → All
Attached file Testcase #2
Sorry, I just realized the first testcase will submit to the server and generate an error... this should work better.
Attachment #125605 - Attachment is obsolete: true
So the bug seems to be that the red box has nonzero height to start with, no? It contains an abs pos element and a floater; the height should be 0.... (the height of the rel pos element that is its only child is in fact 0).
Attached file Testcase #3
Yes, I believe you're right. This happens even after I removed all positioned elements and just have a simple float-in-float.
There is still something odd going on with the buttons in Testcase #2 though...
Assignee: position → float
Component: Layout: R & A Pos → Layout: Floats
float-in-float height problem is bug 69745
Older Versions of Mozilla seem not to be vulnerable to this bug, I've sucessfully tested this with Mozilla 1.0.2 [Mozilla/5.0 (Windows; U; WinNT4.0; en-US; rv:1.0.2) Gecko/20021216]
Priority: -- → P3
Target Milestone: --- → Future
Depends on: 134645
This seems to have been fixed a long time ago. I can see the bug in Mozilla1.7.12, but not anymore in a recent 1.8.1 build or trunk build, so marking worksforme.
Status: NEW → RESOLVED
Closed: 18 years ago
Flags: in-testsuite?
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: