Auto merge of #10579 - notriddle:overflow_premature_clip, r=pcwalton

Propogate transformed clipping regions to nested flows.

Fixes #10559

<!-- Reviewable:start -->
---
This change is [<img src="https://reviewable.io/review_button.svg" height="35" align="absmiddle" alt="Reviewable"/>](https://reviewable.io/reviews/servo/servo/10579)
<!-- Reviewable:end -->
This commit is contained in:
bors-servo 2016-04-14 03:32:33 +05:30
commit 84f01d1d7b
5 changed files with 108 additions and 47 deletions

View file

@ -5103,6 +5103,18 @@
"url": "/_mozilla/css/translate_clip.html"
}
],
"css/translate_clip_nested.html": [
{
"path": "css/translate_clip_nested.html",
"references": [
[
"/_mozilla/css/translate_clip_nested_ref.html",
"=="
]
],
"url": "/_mozilla/css/translate_clip_nested.html"
}
],
"css/upper_id_attr.html": [
{
"path": "css/upper_id_attr.html",
@ -11681,6 +11693,18 @@
"url": "/_mozilla/css/translate_clip.html"
}
],
"css/translate_clip_nested.html": [
{
"path": "css/translate_clip_nested.html",
"references": [
[
"/_mozilla/css/translate_clip_nested_ref.html",
"=="
]
],
"url": "/_mozilla/css/translate_clip_nested.html"
}
],
"css/upper_id_attr.html": [
{
"path": "css/upper_id_attr.html",

View file

@ -0,0 +1,16 @@
<!doctype html>
<meta charset="utf-8">
<link rel="match" href="translate_clip_nested_ref.html">
<style>
div {
height: 200px;
width: 200px;
}
</style>
<div style="position: relative; overflow: hidden; background: red;">
<div style="transform: translateX(-100px);">
<div style="position: absolute; right: -100px; background: green;">
1 2 3 4 5 6 7 8 9 10 11 12 13
</div>
</div>
</div>

View file

@ -0,0 +1,13 @@
<!doctype html>
<meta charset="utf-8">
<style>
div {
height: 200px;
width: 200px;
}
</style>
<div style="position: relative; overflow: hidden; background: red;">
<div style="position: absolute; right: 0; background: green;">
1 2 3 4 5 6 7 8 9 10 11 12 13
</div>
</div>