Auto merge of #9522 - pcwalton:two-overflows, r=mbrubeck

layout: Separate out overflow-for-scrolling from overflow-for-paint.

Closes #9484.

r? @mbrubeck

<!-- Reviewable:start -->
[<img src="https://reviewable.io/review_button.svg" height="40" alt="Review on Reviewable"/>](https://reviewable.io/reviews/servo/servo/9522)
<!-- Reviewable:end -->
This commit is contained in:
bors-servo 2016-02-05 10:58:50 +05:30
commit fb3fe3d784
17 changed files with 131 additions and 56 deletions

View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<!-- Nothing on this page should be scrollable. -->
<style>
body {
margin: 0;
}
.red {
background: red;
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.green {
background: green;
position: absolute;
width: 500px;
height: 100%;
right: 0px;
width: 500px;
transform: translateX(250px);
box-shadow: 0px 0px 200px black;
}
</style>
<div class="red">
<div class="green"></div>
</div>