Closed
Bug 326545
Opened 20 years ago
Closed 16 years ago
Issue with the style display:table-cell when it contains a select with options
Categories
(Core :: Layout: Tables, defect)
Core
Layout: Tables
Tracking
()
RESOLVED
DUPLICATE
of bug 121142
People
(Reporter: xavophonic, Unassigned)
References
Details
(Keywords: testcase)
Attachments
(1 file, 1 obsolete file)
|
292 bytes,
text/html
|
Details |
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.0; fr; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; fr; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1
I created a page with 3 div having the CSS style display to table cell. If it contains a select inside, the third cell is located behind the others.
Reproducible: Always
Steps to Reproduce:
1. create 3 divs with the style display to table
2. create 3 divs with the style display to table-cell
3. create a select with at least one option
Actual Results:
The third column is below the others
Expected Results:
The third column should be on the same row as the 2 previous rows, on the right side.
Here is an example of test page
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test table</title>
<style type="text/css">
.table {
display:table;
width:100%;
}
.cell1, .cell2, .cell3 {
display:table-cell;
}
.cell1 {
background-color:#00FFFF;
}
.cell2 {
background-color:#FF00FF;
}
.cell3 {
background-color:#FFFF00;
}
</style>
</head>
<body>
<div class="table">
<div class="cell1"> </div>
<div class="cell2">
<form>
<select name="selecter">
<option value="option">Option</option>
</select>
</form>
</div>
<div class="cell3"> </div>
</div>
</body>
It's happend when page is rendered as text/html, in application/xhtml+xml everything is OK.
Buggy in Firefox2 but works in Firefox3+
Status: UNCONFIRMED → RESOLVED
Closed: 17 years ago
Resolution: --- → WORKSFORME
Attachment #211266 -
Attachment is obsolete: true
While creating a reftest I noticed that only the given testcase is fixed. I've attached a new testcase that works on first load, but fails on subsequent loads.
Fail means, that the third cell is moved to the second row.
This looks similar to Bug 472870.
Status: RESOLVED → UNCONFIRMED
Component: Layout → Layout: Tables
Flags: in-testsuite?
OS: Windows 2000 → All
QA Contact: layout → layout.tables
Hardware: x86 → All
Resolution: WORKSFORME → ---
(In reply to comment #5)
> This looks similar to Bug 472870.
Because an additional div with display: table-row; makes the testcase work.
Depends on: 148810
|
||
Comment 7•16 years ago
|
||
On reload we do frame state restoration, which triggers the flush. So this is a duplicate of bug 121142.
Status: NEW → RESOLVED
Closed: 17 years ago → 16 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•