Propogate transformed clipping regions to nested flows.

Fixes #10559
This commit is contained in:
Michael Howell 2016-04-13 11:36:21 -07:00
parent 6c9efbf383
commit 3c2210c5fc
5 changed files with 108 additions and 47 deletions

View file

@ -5043,6 +5043,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",
@ -11549,6 +11561,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>