layout: Make percentage heights propagate through inline flows.

I found this random bug during an attempt to improve Wikipedia.
This commit is contained in:
Patrick Walton 2014-09-19 17:19:18 -07:00
parent 08e004d106
commit 39d7bf93d6
6 changed files with 51 additions and 18 deletions

View file

@ -134,3 +134,4 @@ flaky_gpu,flaky_linux == acid2_noscroll.html acid2_ref_broken.html
== table_padding_a.html table_padding_ref.html
== img_block_display_a.html img_block_display_ref.html
== after_block_iteration.html after_block_iteration_ref.html
== inline_block_percentage_height_a.html inline_block_percentage_height_ref.html

View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<title>Hello</title>
</head>
<body>
<div style="height: 100px;">
<span style="height: 100%;">
<li style="height: 100%; background: red;"><span>Edit</span></li>
</span>
</div>
</body>
</html>

View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<title>Hello</title>
</head>
<body>
<div style="height: 100px;">
<div style="height: 100%;">
<li style="height: 100%; background: red;"><span>Edit</span></li>
</div>
</div>
</body>
</html>