mirror of
https://github.com/servo/servo.git
synced 2025-06-06 16:45:39 +00:00
layout: If the container of a block formatting context has margins in
the inline direction, subtract those from the inline size of preceding floats. Makes the content area on http://reddit.com/r/rust visible.
This commit is contained in:
parent
d66c59a152
commit
3d9cc784d0
4 changed files with 62 additions and 3 deletions
|
@ -1300,8 +1300,10 @@ impl BlockFlow {
|
|||
let mut inline_size_of_preceding_left_floats = Au(0);
|
||||
let mut inline_size_of_preceding_right_floats = Au(0);
|
||||
if self.formatting_context_type() == FormattingContextType::None {
|
||||
inline_size_of_preceding_left_floats = self.inline_size_of_preceding_left_floats;
|
||||
inline_size_of_preceding_right_floats = self.inline_size_of_preceding_right_floats;
|
||||
inline_size_of_preceding_left_floats =
|
||||
max(self.inline_size_of_preceding_left_floats - inline_start_content_edge, Au(0));
|
||||
inline_size_of_preceding_right_floats =
|
||||
max(self.inline_size_of_preceding_right_floats - inline_end_content_edge, Au(0));
|
||||
}
|
||||
|
||||
let opaque_self = OpaqueFlow::from_flow(self);
|
||||
|
@ -1319,7 +1321,6 @@ impl BlockFlow {
|
|||
// FIXME (mbrubeck): Get correct mode for absolute containing block
|
||||
let containing_block_mode = self.base.writing_mode;
|
||||
|
||||
// This value is used only for table cells.
|
||||
let mut inline_start_margin_edge = inline_start_content_edge;
|
||||
let mut inline_end_margin_edge = inline_end_content_edge;
|
||||
|
||||
|
|
|
@ -43,6 +43,7 @@ flaky_cpu == append_style_a.html append_style_b.html
|
|||
== block_formatting_context_float_placement_a.html block_formatting_context_float_placement_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
|
||||
== block_formatting_context_with_margin_a.html block_formatting_context_with_margin_ref.html
|
||||
== block_image.html 500x300_green.html
|
||||
!= block_image.html noteq_500x300_white.html
|
||||
== block_replaced_content_a.html block_replaced_content_ref.html
|
||||
|
|
29
tests/ref/block_formatting_context_with_margin_a.html
Normal file
29
tests/ref/block_formatting_context_with_margin_a.html
Normal file
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
#float {
|
||||
float: right;
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
section {
|
||||
margin-right: 450px;
|
||||
background: gold;
|
||||
}
|
||||
|
||||
#a {
|
||||
font-size: 48px;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id=float></div>
|
||||
<section>
|
||||
<div id=a>set breakpoints from within the comfort of your editor</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
28
tests/ref/block_formatting_context_with_margin_ref.html
Normal file
28
tests/ref/block_formatting_context_with_margin_ref.html
Normal file
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
#float {
|
||||
float: right;
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
section {
|
||||
margin-right: 450px;
|
||||
background: gold;
|
||||
}
|
||||
|
||||
#a {
|
||||
font-size: 48px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id=float></div>
|
||||
<section>
|
||||
<div id=a>set breakpoints from within the comfort of your editor</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue