Closed
Bug 213556
Opened 22 years ago
Closed 22 years ago
Absolute positioned form elements (select, input etc.) not rendered when form element defined as inline and relative
Categories
(Core :: Layout: Positioned, defect)
Tracking
()
RESOLVED
FIXED
People
(Reporter: iain_wells, Unassigned)
References
Details
(Keywords: testcase)
Attachments
(3 files)
incorrect_position_input_form.png
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.5a) Gecko/20030718
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.5a) Gecko/20030718
<html>
<head>
<title>Mozilla Bug Using An Inline Relative Form Element</title>
</head>
<body>
<h1>Mozilla Bug Using An Inline Relative Form Element</h1>
<table>
<tr>
<td colspan="2">
The following is a table cell containing a relative postioned form within
which are absolute positioned select and input elements layered over each other:
</td>
</tr>
<tr>
<td width="70">
Enter Text:
</td>
<td width="160">
<form style="position:relative;">
<select style="position:absolute;top:0px;width:150px;">
<option value="">One</option>
<option value="">Two</option>
<option value="">Three</option>
</select>
<input type="input" value="Testing"
style="position:absolute;top:0px;width:132px;">
</input>
</form>
</td>
</tr>
<tr>
<td colspan="2">
</td>
</tr>
<tr>
<td colspan="2">
The following contains the same code but with the form defined to be
displayed inline so as not to use block element spacing. This results in the
form not being rendered at all probably somthing to do with the fact that a
relative positioned element becomes a block element automatically:
</td>
</tr>
<tr>
<td width="70">
Enter Text:
</td>
<td width="160">
<form style="position:relative;display:inline;">
<select style="position:absolute;top:0px;width:150px;">
<option value="">One</option>
<option value="">Two</option>
<option value="">Three</option>
</select>
<input type="input" value="Testing"
style="position:absolute;top:0px;width:132px;">
</input>
</form>
</td>
</tr>
</table
</body>
</html>
Reproducible: Always
Steps to Reproduce:
1.
2.
3.
Actual Results:
The form and its elements are not rendered.
Expected Results:
Displayed the form with inline spacing.
Please let me know if you need the test file emailed to you or made available on
the web.
|
Reporter | |
Comment 1•22 years ago
|
||
Btw, this worked up to and including v1.0.2
|
||
Comment 3•22 years ago
|
||
|
|
||
Comment 4•22 years ago
|
||
I think this is a dupe of an earlier "rel. pos. overflow not visible" bug.
Assignee: block-and-inline → position
Status: UNCONFIRMED → NEW
Component: Layout: Block & Inline → Layout: R & A Pos
Ever confirmed: true
Keywords: testcase
OS: Windows 2000 → All
Whiteboard: DUPEME
|
|
||
Comment 5•22 years ago
|
||
Bug 210746 or bug 135082 looks similar...
|
||
Comment 6•22 years ago
|
||
FIXED by roc's checkin for bug 235778.
Status: NEW → RESOLVED
Closed: 22 years ago
Resolution: --- → FIXED
|
||
Comment 7•11 years ago
|
||
You need to log in
before you can comment on or make changes to this bug.
Description
•