layout: Fix calculation of overflow for stacking contexts that contain

`position: relative` fragments.

Fixes placement of the header on espn.go.com.
This commit is contained in:
Patrick Walton 2015-08-25 15:04:03 -07:00
parent f79220f1a8
commit 5c51a6214e
8 changed files with 27 additions and 19 deletions

View file

@ -54,7 +54,7 @@ flaky_cpu == append_style_a.html append_style_b.html
!= block_image.html noteq_500x300_white.html
== block_replaced_content_a.html block_replaced_content_ref.html
== block_replaced_content_b.html block_replaced_content_ref.html
== blur_a.html blur_ref.html
!= blur_a.html blur_ref.html
!= border_black_groove.html border_black_solid.html
!= border_black_ridge.html border_black_groove.html
!= border_black_ridge.html border_black_solid.html

View file

@ -6,24 +6,35 @@ div {
width: 200px;
height: 200px;
background: green;
position: relative;
}
.ex {
position: relative;
width: 40px; height: 40px;
border-style: solid;
border-color: black;
top: 50px; left: 50px;
position: absolute;
width: 80px; height: 80px;
background: blue;
top: 60px; left: 60px;
-webkit-filter: blur(30px);
-moz-filter: blur(30px);
filter: blur(30px);
}
.coveritup {
position: absolute;
background: green;
top: 60px;
left: 60px;
width: 80px;
height: 80px;
transform: translateX(0px); /* force stacking context */
}
</style>
</head>
<body>
<div>
<div class="ex"></div>
<div class="coveritup"></div>
</div>
</body>
</html>

View file

@ -6,6 +6,7 @@ div {
width: 200px;
height: 200px;
background: green;
position: relative;
}
</style>

View file

@ -1,3 +0,0 @@
[margin-collapse-004.htm]
type: reftest
expected: FAIL

View file

@ -1,3 +0,0 @@
[min-height-106.htm]
type: reftest
expected: FAIL