Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-07 06:25:32 +01:00
Code Issues Projects Releases Packages Wiki Activity

layout: Consider relatively positioned blocks as possible block

Browse source 
formatting contexts, and translate floats out of block formatting
contexts.

These improve Reddit.
This commit is contained in:
Patrick Walton 2014-09-24 21:54:47 -07:00
parent 8668e67a6b
commit fffc7aaf38
5 changed files with 57 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

2
tests/ref/basic.list
View file

@ -142,3 +142,5 @@ flaky_gpu,flaky_linux == acid2_noscroll.html acid2_ref_broken.html
== block_formatting_context_a.html block_formatting_context_ref.html
== inline_block_parent_padding_a.html inline_block_parent_padding_ref.html
== whitespace_nowrap_a.html whitespace_nowrap_ref.html
== block_formatting_context_relative_a.html block_formatting_context_ref.html
== block_formatting_context_translation_a.html block_formatting_context_translation_ref.html

7
tests/ref/block_formatting_context_relative_a.html Normal file
View file

@ -0,0 +1,7 @@
<!DOCTYPE html>
<html>
<body>
<div style="float: left;">4913</div>
<div style="overflow: hidden; position: relative;">RIP Richard Kiel</div>
</body>
</html>

11
tests/ref/block_formatting_context_translation_a.html Normal file
View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<body>
<div style="height: 32px; margin: 0 0 0;">
<div style="float: left; background: blue; width: 64px; height: 32px;"></div>
<div style="overflow: hidden; height: 32px; background: violet;"></div>
</div>
<div style="background: green; float: left; width: 32px; height: 32px;"></div>
</body>
</html>

11
tests/ref/block_formatting_context_translation_ref.html Normal file
View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<body>
<div style="height: 32px; margin: 0 0 0;">
<div style="float: left; background: blue; width: 64px; height: 32px;"></div>
<div style="height: 32px; background: violet;"></div>
</div>
<div style="background: green; float: left; width: 32px; height: 32px;"></div>
</body>
</html>