Closed
Bug 883795
Opened 11 years ago
Closed 11 years ago
Height of a parent 'div' with style="display:table" is calculated incorrectly if it contains a child 'div' with style="overflow: [any, but static]" and a large 'table' inside the child
Categories
(Firefox :: Untriaged, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 883793
People
(Reporter: vladimir.frizen, Unassigned)
Details
Attachments
(1 file)
|
1.99 MB,
application/octet-stream
|
Details |
User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:21.0) Gecko/20100101 Firefox/21.0 (Beta/Release)
Build ID: 20130511120803
Steps to reproduce:
Create the following page and open it in a browser
<!DOCTYPE html>
<html>
<body>
<div style="display: table; border: 3px solid red">
<div style="width: 100px; height: 200px; overflow: scroll">
<table>
<tr><td>
<div style="height: 500px;">
Bug in FF, Chrome, Safary, Opera<br/><br/>
OK in IE8+
</div>
</td></tr>
</table>
</div>
</div>
<div style="display: table; border: 3px solid green">
<table>
<tr><td>
<div style="width: 100px; height: 200px; overflow: scroll">
<table>
<tr><td>
<div style="height: 500px;">
Correct behavior
</div>
</td></tr>
</table>
</div>
</td></tr>
</table>
</div>
</body>
</html>
I have attached the page and a video to illustrate the problem.
Actual results:
The red square height is more than the height of the element with scroll bars.
Expected results:
The green square is equal to the internal element with scroll bars
|
||
Updated•11 years ago
|
Status: UNCONFIRMED → RESOLVED
Closed: 11 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•