changeset
Some initial test submissions, as a trial
Thu, 22 Mar 2012 12:13:24 -0600
- author
- Aryeh Gregor <ayg@aryeh.name>
- date
- Thu, 22 Mar 2012 12:13:24 -0600
- changeset 2908
- 588481da9e8d
- parent 2907
- d0faf2471ec7
- child 2910
- 0b825f31d00c
Some initial test submissions, as a trial
1.1 --- a/contributors/aryehgregor/incoming/ref-2d/abspos-1-ref.html Tue Mar 20 16:01:05 2012 -0700 1.2 +++ b/contributors/aryehgregor/incoming/ref-2d/abspos-1-ref.html Thu Mar 22 12:13:24 2012 -0600 1.3 @@ -1,7 +1,1 @@ 1.4 -<!doctype html> 1.5 -<div style="width: 100px; height: 200px; position: relative; left: 50px; top: 50px; background-color: gold;"> 1.6 - A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 1.7 - <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: absolute; left: 50px; top: 100px;"> 1.8 - 0 1 2 3 4 5 6 7 8 9 1.9 - </div> 1.10 -</div> 1.11 +../../submitted/abspos-1-ref.html 1.12 \ No newline at end of file
2.1 --- a/contributors/aryehgregor/incoming/ref-2d/abspos-1a.html Tue Mar 20 16:01:05 2012 -0700 2.2 +++ b/contributors/aryehgregor/incoming/ref-2d/abspos-1a.html Thu Mar 22 12:13:24 2012 -0600 2.3 @@ -1,11 +1,1 @@ 2.4 -<!doctype html> 2.5 -<!-- "In the HTML namespace, any value other than ‘none’ for the transform 2.6 -results in the creation of both a stacking context and a containing block. The 2.7 -object acts as a containing block for fixed positioned descendants." --> 2.8 -<link rel=match href=abspos-1-ref.html> 2.9 -<div style="width: 100px; height: 200px; transform: translate(50px, 50px); background-color: gold;"> 2.10 - A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 2.11 - <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: absolute; left: 50px; top: 100px;"> 2.12 - 0 1 2 3 4 5 6 7 8 9 2.13 - </div> 2.14 -</div> 2.15 +../../submitted/abspos-1a.html 2.16 \ No newline at end of file
3.1 --- a/contributors/aryehgregor/incoming/ref-2d/abspos-1b.html Tue Mar 20 16:01:05 2012 -0700 3.2 +++ b/contributors/aryehgregor/incoming/ref-2d/abspos-1b.html Thu Mar 22 12:13:24 2012 -0600 3.3 @@ -1,11 +1,1 @@ 3.4 -<!doctype html> 3.5 -<!-- "In the HTML namespace, any value other than ‘none’ for the transform 3.6 -results in the creation of both a stacking context and a containing block. The 3.7 -object acts as a containing block for fixed positioned descendants." --> 3.8 -<link rel=match href=abspos-1-ref.html> 3.9 -<div style="width: 100px; height: 200px; transform: translate(50px, 50px) ;background-color: gold;"> 3.10 - A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 3.11 - <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: fixed; left: 50px; top: 100px;"> 3.12 - 0 1 2 3 4 5 6 7 8 9 3.13 - </div> 3.14 -</div> 3.15 +../../submitted/abspos-1b.html 3.16 \ No newline at end of file
4.1 --- a/contributors/aryehgregor/incoming/ref-2d/abspos-1c.html Tue Mar 20 16:01:05 2012 -0700 4.2 +++ b/contributors/aryehgregor/incoming/ref-2d/abspos-1c.html Thu Mar 22 12:13:24 2012 -0600 4.3 @@ -1,11 +1,1 @@ 4.4 -<!doctype html> 4.5 -<!-- "In the HTML namespace, any value other than ‘none’ for the transform 4.6 -results in the creation of both a stacking context and a containing block. The 4.7 -object acts as a containing block for fixed positioned descendants." --> 4.8 -<link rel=match href=abspos-1-ref.html> 4.9 -<div style="width: 100px; height: 200px; transform: translate(50px, 50px) ;background-color: gold;"> 4.10 - A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 4.11 - <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: fixed; right: -150px; bottom: 0px;"> 4.12 - 0 1 2 3 4 5 6 7 8 9 4.13 - </div> 4.14 -</div> 4.15 +../../submitted/abspos-1c.html 4.16 \ No newline at end of file
5.1 --- a/contributors/aryehgregor/incoming/ref-2d/abspos-1d.html Tue Mar 20 16:01:05 2012 -0700 5.2 +++ b/contributors/aryehgregor/incoming/ref-2d/abspos-1d.html Thu Mar 22 12:13:24 2012 -0600 5.3 @@ -1,11 +1,1 @@ 5.4 -<!doctype html> 5.5 -<!-- "In the HTML namespace, any value other than ‘none’ for the transform 5.6 -results in the creation of both a stacking context and a containing block. The 5.7 -object acts as a containing block for fixed positioned descendants." --> 5.8 -<link rel=match href=abspos-1-ref.html> 5.9 -<div style="width: 100px; height: 200px; transform: translate(50px, 50px) ;background-color: gold;"> 5.10 - A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 5.11 - <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: absolute; right: -150px; bottom: 0px;"> 5.12 - 0 1 2 3 4 5 6 7 8 9 5.13 - </div> 5.14 -</div> 5.15 +../../submitted/abspos-1d.html 5.16 \ No newline at end of file
6.1 --- a/contributors/aryehgregor/incoming/ref-2d/abspos-1e.html Tue Mar 20 16:01:05 2012 -0700 6.2 +++ b/contributors/aryehgregor/incoming/ref-2d/abspos-1e.html Thu Mar 22 12:13:24 2012 -0600 6.3 @@ -1,8 +1,1 @@ 6.4 -<!doctype html> 6.5 -<link rel=mismatch href=abspos-1-ref.html> 6.6 -<div style="width: 100px; height: 200px; transform: translate(50px, 50px) ;background-color: gold;"> 6.7 - A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 6.8 - <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: absolute; right: -151px; bottom: 0px;"> 6.9 - 0 1 2 3 4 5 6 7 8 9 6.10 - </div> 6.11 -</div> 6.12 +../../submitted/abspos-1e.html 6.13 \ No newline at end of file
7.1 --- a/contributors/aryehgregor/incoming/ref-2d/abspos-1f.html Tue Mar 20 16:01:05 2012 -0700 7.2 +++ b/contributors/aryehgregor/incoming/ref-2d/abspos-1f.html Thu Mar 22 12:13:24 2012 -0600 7.3 @@ -1,11 +1,1 @@ 7.4 -<!doctype html> 7.5 -<!-- "In the HTML namespace, any value other than ‘none’ for the transform 7.6 -results in the creation of both a stacking context and a containing block. The 7.7 -object acts as a containing block for fixed positioned descendants." --> 7.8 -<link rel=match href=abspos-1-ref.html> 7.9 -<div style="display:table; width: 100px; height: 200px; transform: translate(50px, 50px); background-color: gold;"> 7.10 - A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 7.11 - <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: absolute; left: 50px; top: 100px;"> 7.12 - 0 1 2 3 4 5 6 7 8 9 7.13 - </div> 7.14 -</div> 7.15 +../../submitted/abspos-1f.html 7.16 \ No newline at end of file
8.1 --- a/contributors/aryehgregor/incoming/ref-2d/abspos-1g.html Tue Mar 20 16:01:05 2012 -0700 8.2 +++ b/contributors/aryehgregor/incoming/ref-2d/abspos-1g.html Thu Mar 22 12:13:24 2012 -0600 8.3 @@ -1,11 +1,1 @@ 8.4 -<!doctype html> 8.5 -<!-- "In the HTML namespace, any value other than ‘none’ for the transform 8.6 -results in the creation of both a stacking context and a containing block. The 8.7 -object acts as a containing block for fixed positioned descendants." --> 8.8 -<link rel=match href=abspos-1-ref.html> 8.9 -<div style="display:inline-table; width: 100px; height: 200px; transform: translate(50px, 50px); background-color: gold;"> 8.10 - A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 8.11 - <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: fixed; left: 50px; top: 100px;"> 8.12 - 0 1 2 3 4 5 6 7 8 9 8.13 - </div> 8.14 -</div> 8.15 +../../submitted/abspos-1g.html 8.16 \ No newline at end of file
9.1 --- a/contributors/aryehgregor/incoming/ref-2d/background-1-ref.html Tue Mar 20 16:01:05 2012 -0700 9.2 +++ b/contributors/aryehgregor/incoming/ref-2d/background-1-ref.html Thu Mar 22 12:13:24 2012 -0600 9.3 @@ -1,2 +1,1 @@ 9.4 -<!doctype html> 9.5 -<div style="background:url(background-1-ref.svg);width:200px;height:100px"></div> 9.6 +../../submitted/background-1-ref.html 9.7 \ No newline at end of file
10.1 --- a/contributors/aryehgregor/incoming/ref-2d/background-1-ref.svg Tue Mar 20 16:01:05 2012 -0700 10.2 +++ b/contributors/aryehgregor/incoming/ref-2d/background-1-ref.svg Thu Mar 22 12:13:24 2012 -0600 10.3 @@ -1,4 +1,1 @@ 10.4 -<svg height="100px" width="100px" viewBox="0 0 100 100" 10.5 -xmlns="http://www.w3.org/2000/svg"> 10.6 -<polygon fill="red" points="0,100 100,100 50,0" /> 10.7 -</svg> 10.8 +../../submitted/background-1-ref.svg 10.9 \ No newline at end of file
11.1 --- a/contributors/aryehgregor/incoming/ref-2d/background-1a.html Tue Mar 20 16:01:05 2012 -0700 11.2 +++ b/contributors/aryehgregor/incoming/ref-2d/background-1a.html Thu Mar 22 12:13:24 2012 -0600 11.3 @@ -1,4 +1,1 @@ 11.4 -<!doctype html> 11.5 -<link rel=match href=background-1-ref.html> 11.6 -<div style="background:url(background-1a.svg);width:100px;height:200px; 11.7 -transform:translate(50px,-50px) rotate(90deg)"></div> 11.8 +../../submitted/background-1a.html 11.9 \ No newline at end of file
12.1 --- a/contributors/aryehgregor/incoming/ref-2d/background-1a.svg Tue Mar 20 16:01:05 2012 -0700 12.2 +++ b/contributors/aryehgregor/incoming/ref-2d/background-1a.svg Thu Mar 22 12:13:24 2012 -0600 12.3 @@ -1,4 +1,1 @@ 12.4 -<svg height="100px" width="100px" viewBox="0 0 100 100" 12.5 -xmlns="http://www.w3.org/2000/svg"> 12.6 -<polygon fill="red" points="0,50 100,100 100,0" /> 12.7 -</svg> 12.8 +../../submitted/background-1a.svg 12.9 \ No newline at end of file
13.1 --- a/contributors/aryehgregor/incoming/ref-2d/background-1b.html Tue Mar 20 16:01:05 2012 -0700 13.2 +++ b/contributors/aryehgregor/incoming/ref-2d/background-1b.html Thu Mar 22 12:13:24 2012 -0600 13.3 @@ -1,4 +1,1 @@ 13.4 -<!doctype html> 13.5 -<link rel=match href=background-1-ref.html> 13.6 -<div style="background:url(background-1b.svg);width:100px;height:200px; 13.7 -transform:translate(50px,-50px) rotate(270deg)"></div> 13.8 +../../submitted/background-1b.html 13.9 \ No newline at end of file
14.1 --- a/contributors/aryehgregor/incoming/ref-2d/background-1b.svg Tue Mar 20 16:01:05 2012 -0700 14.2 +++ b/contributors/aryehgregor/incoming/ref-2d/background-1b.svg Thu Mar 22 12:13:24 2012 -0600 14.3 @@ -1,4 +1,1 @@ 14.4 -<svg height="100px" width="100px" viewBox="0 0 100 100" 14.5 -xmlns="http://www.w3.org/2000/svg"> 14.6 -<polygon fill="red" points="0,0 0,100 100,50" /> 14.7 -</svg> 14.8 +../../submitted/background-1b.svg 14.9 \ No newline at end of file
15.1 --- a/contributors/aryehgregor/incoming/ref-2d/background-1c.html Tue Mar 20 16:01:05 2012 -0700 15.2 +++ b/contributors/aryehgregor/incoming/ref-2d/background-1c.html Thu Mar 22 12:13:24 2012 -0600 15.3 @@ -1,4 +1,1 @@ 15.4 -<!doctype html> 15.5 -<link rel=match href=background-1-ref.html> 15.6 -<div style="background:url(background-1c.svg);width:200px;height:100px; 15.7 -transform:scale(-1)"></div> 15.8 +../../submitted/background-1c.html 15.9 \ No newline at end of file
16.1 --- a/contributors/aryehgregor/incoming/ref-2d/background-1c.svg Tue Mar 20 16:01:05 2012 -0700 16.2 +++ b/contributors/aryehgregor/incoming/ref-2d/background-1c.svg Thu Mar 22 12:13:24 2012 -0600 16.3 @@ -1,4 +1,1 @@ 16.4 -<svg height="100px" width="100px" viewBox="0 0 100 100" 16.5 -xmlns="http://www.w3.org/2000/svg"> 16.6 -<polygon fill="red" points="0,0 100,0 50,100" /> 16.7 -</svg> 16.8 +../../submitted/background-1c.svg 16.9 \ No newline at end of file
17.1 --- a/contributors/aryehgregor/incoming/ref-2d/background-1d.html Tue Mar 20 16:01:05 2012 -0700 17.2 +++ b/contributors/aryehgregor/incoming/ref-2d/background-1d.html Thu Mar 22 12:13:24 2012 -0600 17.3 @@ -1,5 +1,1 @@ 17.4 -<!doctype html> 17.5 -<link rel=match href=background-1-ref.html> 17.6 -<div style="width:200px;height:100px;transform: scale(-1)"> 17.7 -<div style="background:url(background-1c.svg);width:200px;height:100px"></div> 17.8 -</div> 17.9 +../../submitted/background-1d.html 17.10 \ No newline at end of file
18.1 --- a/contributors/aryehgregor/incoming/ref-2d/background-2-ref.html Tue Mar 20 16:01:05 2012 -0700 18.2 +++ b/contributors/aryehgregor/incoming/ref-2d/background-2-ref.html Thu Mar 22 12:13:24 2012 -0600 18.3 @@ -1,2 +1,1 @@ 18.4 -<!doctype html> 18.5 -<html style="background:url(background-1-ref.svg)"> 18.6 +../../submitted/background-2-ref.html 18.7 \ No newline at end of file
19.1 --- a/contributors/aryehgregor/incoming/ref-2d/background-2a.html Tue Mar 20 16:01:05 2012 -0700 19.2 +++ b/contributors/aryehgregor/incoming/ref-2d/background-2a.html Thu Mar 22 12:13:24 2012 -0600 19.3 @@ -1,5 +1,1 @@ 19.4 -<!doctype html> 19.5 -<link rel=match href=background-2-ref.html> 19.6 -<html style="background:white;height:100%;width:100%;transform:scale(-1)"> 19.7 -<body style="background:url(background-1c.svg);height:100%;width:100%; 19.8 -margin:0"> 19.9 +../../submitted/background-2a.html 19.10 \ No newline at end of file
20.1 --- a/contributors/aryehgregor/incoming/ref-2d/background-2b.html Tue Mar 20 16:01:05 2012 -0700 20.2 +++ b/contributors/aryehgregor/incoming/ref-2d/background-2b.html Thu Mar 22 12:13:24 2012 -0600 20.3 @@ -1,4 +1,1 @@ 20.4 -<!doctype html> 20.5 -<link rel=match href=background-2-ref.html> 20.6 -<body style="background:url(background-1-ref.svg);overflow:hidden; 20.7 -transform:rotate(90deg);transform-origin:50px 50px"> 20.8 +../../submitted/background-2b.html 20.9 \ No newline at end of file
21.1 --- a/contributors/aryehgregor/incoming/ref-2d/background-2c.html Tue Mar 20 16:01:05 2012 -0700 21.2 +++ b/contributors/aryehgregor/incoming/ref-2d/background-2c.html Thu Mar 22 12:13:24 2012 -0600 21.3 @@ -1,5 +1,1 @@ 21.4 -<!doctype html> 21.5 -<link rel=match href=background-2-ref.html> 21.6 -<html style="overflow:hidden; 21.7 -transform:rotate(90deg);transform-origin:50px 50px"> 21.8 -<body style="background:url(background-1a.svg)"> 21.9 +../../submitted/background-2c.html 21.10 \ No newline at end of file
22.1 --- a/contributors/aryehgregor/incoming/ref-2d/background-2d.html Tue Mar 20 16:01:05 2012 -0700 22.2 +++ b/contributors/aryehgregor/incoming/ref-2d/background-2d.html Thu Mar 22 12:13:24 2012 -0600 22.3 @@ -1,4 +1,1 @@ 22.4 -<!doctype html> 22.5 -<link rel=match href=background-2-ref.html> 22.6 -<html style="background:url(background-1a.svg);overflow:hidden; 22.7 -transform:rotate(90deg);transform-origin:50px 50px"> 22.8 +../../submitted/background-2d.html 22.9 \ No newline at end of file
23.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 23.2 +++ b/contributors/aryehgregor/submitted/COPYRIGHT Thu Mar 22 12:13:24 2012 -0600 23.3 @@ -0,0 +1,2 @@ 23.4 +Some of these files are originally from mozilla-central, 23.5 +layout/reftests/transform. Copyright status needs to be clarified.
24.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 24.2 +++ b/contributors/aryehgregor/submitted/abspos-1-ref.html Thu Mar 22 12:13:24 2012 -0600 24.3 @@ -0,0 +1,9 @@ 24.4 +<!doctype html> 24.5 +<title>CSS Reftest Reference</title> 24.6 +<link rel=author title="Aryeh Gregor" href=http://aryeh.name/> 24.7 +<div style="width: 100px; height: 200px; position: relative; left: 50px; top: 50px; background-color: gold;"> 24.8 + A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 24.9 + <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: absolute; left: 50px; top: 100px;"> 24.10 + 0 1 2 3 4 5 6 7 8 9 24.11 + </div> 24.12 +</div>
25.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 25.2 +++ b/contributors/aryehgregor/submitted/abspos-1a.html Thu Mar 22 12:13:24 2012 -0600 25.3 @@ -0,0 +1,16 @@ 25.4 +<!doctype html> 25.5 +<title>CSS Test (Transforms): Containing Block for Absolute Positioning 25.6 +(left/top)</title> 25.7 +<link rel=author title="Aryeh Gregor" href=http://aryeh.name/> 25.8 +<link rel=help href=http://dev.w3.org/csswg/css3-transforms/#transform-rendering> 25.9 +<meta name=assert content='"In the HTML namespace, any value other than ‘none’ 25.10 +for the transform results in the creation of . . . a containing block." This 25.11 +means absolutely positioned elements need to be rooted at a transformed 25.12 +ancestor, just as though it had non-static position.'> 25.13 +<link rel=match href=abspos-1-ref.html> 25.14 +<div style="width: 100px; height: 200px; transform: translate(50px, 50px); background-color: gold;"> 25.15 + A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 25.16 + <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: absolute; left: 50px; top: 100px;"> 25.17 + 0 1 2 3 4 5 6 7 8 9 25.18 + </div> 25.19 +</div>
26.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 26.2 +++ b/contributors/aryehgregor/submitted/abspos-1b.html Thu Mar 22 12:13:24 2012 -0600 26.3 @@ -0,0 +1,17 @@ 26.4 +<!doctype html> 26.5 +<title>CSS Test (Transforms): Containing Block for Fixed Positioning (left/top 26.6 +offsets)</title> 26.7 +<link rel=author title="Aryeh Gregor" href=http://aryeh.name/> 26.8 +<link rel=help href=http://dev.w3.org/csswg/css3-transforms/#transform-rendering> 26.9 +<meta name=assert content='"In the HTML namespace, any value other than ‘none’ 26.10 +for the transform results in the creation of . . . a containing block. The 26.11 +object acts as a containing block for fixed positioned descendants." This 26.12 +means fixed-position elements need to be rooted at a transformed ancestor, 26.13 +rather than the viewport.'> 26.14 +<link rel=match href=abspos-1-ref.html> 26.15 +<div style="width: 100px; height: 200px; transform: translate(50px, 50px) ;background-color: gold;"> 26.16 + A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 26.17 + <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: fixed; left: 50px; top: 100px;"> 26.18 + 0 1 2 3 4 5 6 7 8 9 26.19 + </div> 26.20 +</div>
27.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 27.2 +++ b/contributors/aryehgregor/submitted/abspos-1c.html Thu Mar 22 12:13:24 2012 -0600 27.3 @@ -0,0 +1,18 @@ 27.4 +<!doctype html> 27.5 +<title>CSS Test (Transforms): Containing Block for Fixed Positioning 27.6 +(right/bottom offsets)</title> 27.7 +<link rel=author title="Aryeh Gregor" href=http://aryeh.name/> 27.8 +<link rel=help href=http://dev.w3.org/csswg/css3-transforms/#transform-rendering> 27.9 +<meta name=assert content='"In the HTML namespace, any value other than ‘none’ 27.10 +for the transform results in the creation of . . . a containing block. The 27.11 +object acts as a containing block for fixed positioned descendants." This 27.12 +means fixed-position elements need to be rooted at a transformed ancestor, 27.13 +rather than the viewport. (This test differs from the previous in that it uses 27.14 +right/bottom properties for positioning instead of left/top.)'> 27.15 +<link rel=match href=abspos-1-ref.html> 27.16 +<div style="width: 100px; height: 200px; transform: translate(50px, 50px) ;background-color: gold;"> 27.17 + A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 27.18 + <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: fixed; right: -150px; bottom: 0px;"> 27.19 + 0 1 2 3 4 5 6 7 8 9 27.20 + </div> 27.21 +</div>
28.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 28.2 +++ b/contributors/aryehgregor/submitted/abspos-1d.html Thu Mar 22 12:13:24 2012 -0600 28.3 @@ -0,0 +1,18 @@ 28.4 +<!doctype html> 28.5 +<title>CSS Test (Transforms): Containing Block for Absolute Positioning 28.6 +(bottom/right)</title> 28.7 +<link rel=author title="Aryeh Gregor" href=http://aryeh.name/> 28.8 +<link rel=help href=http://dev.w3.org/csswg/css3-transforms/#transform-rendering> 28.9 +<meta name=assert content='"In the HTML namespace, any value other than ‘none’ 28.10 +for the transform results in the creation of . . . a containing block." This 28.11 +means absolutely positioned elements need to be rooted at a transformed 28.12 +ancestor, just as though it had non-static position. This test differs from 28.13 +abspos-1a.html in that it uses the right/bottom properties for positioning 28.14 +instead of top/left.'> 28.15 +<link rel=match href=abspos-1-ref.html> 28.16 +<div style="width: 100px; height: 200px; transform: translate(50px, 50px) ;background-color: gold;"> 28.17 + A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 28.18 + <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: absolute; right: -150px; bottom: 0px;"> 28.19 + 0 1 2 3 4 5 6 7 8 9 28.20 + </div> 28.21 +</div>
29.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 29.2 +++ b/contributors/aryehgregor/submitted/abspos-1e.html Thu Mar 22 12:13:24 2012 -0600 29.3 @@ -0,0 +1,17 @@ 29.4 +<!doctype html> 29.5 +<title>CSS Test (Transforms): Containing Block for Absolute Positioning 29.6 +(bottom/right)</title> 29.7 +<link rel=author title="Aryeh Gregor" href=http://aryeh.name/> 29.8 +<link rel=help href=http://dev.w3.org/csswg/css3-transforms/#transform-rendering> 29.9 +<meta name=assert content='"In the HTML namespace, any value other than ‘none’ 29.10 +for the transform results in the creation of . . . a containing block." This 29.11 +means absolutely positioned elements need to be rooted at a transformed 29.12 +ancestor, just as though it had non-static position. Therefore, this test 29.13 +should be offset by one pixel from the reference.'> 29.14 +<link rel=mismatch href=abspos-1-ref.html> 29.15 +<div style="width: 100px; height: 200px; transform: translate(50px, 50px) ;background-color: gold;"> 29.16 + A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 29.17 + <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: absolute; right: -151px; bottom: 0px;"> 29.18 + 0 1 2 3 4 5 6 7 8 9 29.19 + </div> 29.20 +</div>
30.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 30.2 +++ b/contributors/aryehgregor/submitted/abspos-1f.html Thu Mar 22 12:13:24 2012 -0600 30.3 @@ -0,0 +1,18 @@ 30.4 +<!doctype html> 30.5 +<title>CSS Test (Transforms): Containing Block for Absolute Positioning 30.6 +(table)</title> 30.7 +<link rel=author title="Aryeh Gregor" href=http://aryeh.name/> 30.8 +<link rel=help href=http://dev.w3.org/csswg/css3-transforms/#transform-rendering> 30.9 +<meta name=assert content='"In the HTML namespace, any value other than ‘none’ 30.10 +for the transform results in the creation of . . . a containing block." This 30.11 +means absolutely positioned elements need to be rooted at a transformed 30.12 +ancestor, just as though it had non-static position. This test differs from 30.13 +abspos-1a.html in that the outer div is a table, which might cause buggy 30.14 +rendering engines to treat it differently.'> 30.15 +<link rel=match href=abspos-1-ref.html> 30.16 +<div style="display:table; width: 100px; height: 200px; transform: translate(50px, 50px); background-color: gold;"> 30.17 + A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 30.18 + <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: absolute; left: 50px; top: 100px;"> 30.19 + 0 1 2 3 4 5 6 7 8 9 30.20 + </div> 30.21 +</div>
31.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 31.2 +++ b/contributors/aryehgregor/submitted/abspos-1g.html Thu Mar 22 12:13:24 2012 -0600 31.3 @@ -0,0 +1,19 @@ 31.4 +<!doctype html> 31.5 +<title>CSS Test (Transforms): Containing Block for Fixed Positioning 31.6 +(inline-table)</title> 31.7 +<link rel=author title="Aryeh Gregor" href=http://aryeh.name/> 31.8 +<link rel=help href=http://dev.w3.org/csswg/css3-transforms/#transform-rendering> 31.9 +<meta name=assert content='"In the HTML namespace, any value other than ‘none’ 31.10 +for the transform results in the creation of . . . a containing block. The 31.11 +object acts as a containing block for fixed positioned descendants." This 31.12 +means fixed-position elements need to be rooted at a transformed ancestor, 31.13 +rather than the viewport. This test differs from abspos-1b.html in that the 31.14 +outer div has display: inline-table, which might cause it to render differently 31.15 +in buggy UAs.'> 31.16 +<link rel=match href=abspos-1-ref.html> 31.17 +<div style="display:inline-table; width: 100px; height: 200px; transform: translate(50px, 50px); background-color: gold;"> 31.18 + A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 31.19 + <div style="background-color: navy; color: gold; width: 200px; height: 100px; position: fixed; left: 50px; top: 100px;"> 31.20 + 0 1 2 3 4 5 6 7 8 9 31.21 + </div> 31.22 +</div>
32.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 32.2 +++ b/contributors/aryehgregor/submitted/background-1-ref.html Thu Mar 22 12:13:24 2012 -0600 32.3 @@ -0,0 +1,4 @@ 32.4 +<!doctype html> 32.5 +<title>CSS Reftest Reference</title> 32.6 +<link rel=author title="Aryeh Gregor" href=http://aryeh.name/> 32.7 +<div style="background:url(background-1-ref.svg);width:200px;height:100px"></div>
33.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 33.2 +++ b/contributors/aryehgregor/submitted/background-1-ref.svg Thu Mar 22 12:13:24 2012 -0600 33.3 @@ -0,0 +1,4 @@ 33.4 +<svg height="100px" width="100px" viewBox="0 0 100 100" 33.5 +xmlns="http://www.w3.org/2000/svg"> 33.6 +<polygon fill="red" points="0,100 100,100 50,0" /> 33.7 +</svg>
34.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 34.2 +++ b/contributors/aryehgregor/submitted/background-1a.html Thu Mar 22 12:13:24 2012 -0600 34.3 @@ -0,0 +1,9 @@ 34.4 +<!doctype html> 34.5 +<title>CSS Test (Transforms): Transform of Background Image (rotate right)</title> 34.6 +<link rel=author title="Aryeh Gregor" href=http://aryeh.name/> 34.7 +<link rel=help href=http://dev.w3.org/csswg/css3-transforms/> 34.8 +<meta name=assert content="Background images fall within the element's border 34.9 +box, so they need to be transformed along with it."> 34.10 +<link rel=match href=background-1-ref.html> 34.11 +<div style="background:url(background-1a.svg);width:100px;height:200px; 34.12 +transform:translate(50px,-50px) rotate(90deg)"></div>
35.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 35.2 +++ b/contributors/aryehgregor/submitted/background-1a.svg Thu Mar 22 12:13:24 2012 -0600 35.3 @@ -0,0 +1,4 @@ 35.4 +<svg height="100px" width="100px" viewBox="0 0 100 100" 35.5 +xmlns="http://www.w3.org/2000/svg"> 35.6 +<polygon fill="red" points="0,50 100,100 100,0" /> 35.7 +</svg>
36.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 36.2 +++ b/contributors/aryehgregor/submitted/background-1b.html Thu Mar 22 12:13:24 2012 -0600 36.3 @@ -0,0 +1,9 @@ 36.4 +<!doctype html> 36.5 +<title>CSS Test (Transforms): Transform of Background Image (rotate left)</title> 36.6 +<link rel=author title="Aryeh Gregor" href=http://aryeh.name/> 36.7 +<link rel=help href=http://dev.w3.org/csswg/css3-transforms/> 36.8 +<meta name=assert content="Background images fall within the element's border 36.9 +box, so they need to be transformed along with it."> 36.10 +<link rel=match href=background-1-ref.html> 36.11 +<div style="background:url(background-1b.svg);width:100px;height:200px; 36.12 +transform:translate(50px,-50px) rotate(270deg)"></div>
37.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 37.2 +++ b/contributors/aryehgregor/submitted/background-1b.svg Thu Mar 22 12:13:24 2012 -0600 37.3 @@ -0,0 +1,4 @@ 37.4 +<svg height="100px" width="100px" viewBox="0 0 100 100" 37.5 +xmlns="http://www.w3.org/2000/svg"> 37.6 +<polygon fill="red" points="0,0 0,100 100,50" /> 37.7 +</svg>
38.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 38.2 +++ b/contributors/aryehgregor/submitted/background-1c.html Thu Mar 22 12:13:24 2012 -0600 38.3 @@ -0,0 +1,9 @@ 38.4 +<!doctype html> 38.5 +<title>CSS Test (Transforms): Transform of Background Image (flip)</title> 38.6 +<link rel=author title="Aryeh Gregor" href=http://aryeh.name/> 38.7 +<link rel=help href=http://dev.w3.org/csswg/css3-transforms/> 38.8 +<meta name=assert content="Background images fall within the element's border 38.9 +box, so they need to be transformed along with it."> 38.10 +<link rel=match href=background-1-ref.html> 38.11 +<div style="background:url(background-1c.svg);width:200px;height:100px; 38.12 +transform:scale(-1)"></div>
39.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 39.2 +++ b/contributors/aryehgregor/submitted/background-1c.svg Thu Mar 22 12:13:24 2012 -0600 39.3 @@ -0,0 +1,4 @@ 39.4 +<svg height="100px" width="100px" viewBox="0 0 100 100" 39.5 +xmlns="http://www.w3.org/2000/svg"> 39.6 +<polygon fill="red" points="0,0 100,0 50,100" /> 39.7 +</svg>
40.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 40.2 +++ b/contributors/aryehgregor/submitted/background-1d.html Thu Mar 22 12:13:24 2012 -0600 40.3 @@ -0,0 +1,11 @@ 40.4 +<!doctype html> 40.5 +<title>CSS Test (Transforms): Transform of Background Image (nested flip)</title> 40.6 +<link rel=author title="Aryeh Gregor" href=http://aryeh.name/> 40.7 +<link rel=help href=http://dev.w3.org/csswg/css3-transforms/> 40.8 +<meta name=assert content="Background images fall within the element's border 40.9 +box, so they need to be transformed along with it. This file tests that a 40.10 +transform on the parent works correctly, not just on the element itself."> 40.11 +<link rel=match href=background-1-ref.html> 40.12 +<div style="width:200px;height:100px;transform: scale(-1)"> 40.13 +<div style="background:url(background-1c.svg);width:200px;height:100px"></div> 40.14 +</div>
41.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 41.2 +++ b/contributors/aryehgregor/submitted/background-2-ref.html Thu Mar 22 12:13:24 2012 -0600 41.3 @@ -0,0 +1,4 @@ 41.4 +<!doctype html> 41.5 +<title>CSS Reftest Reference</title> 41.6 +<link rel=author title="Aryeh Gregor" href=http://aryeh.name/> 41.7 +<html style="background:url(background-1-ref.svg)">
42.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 42.2 +++ b/contributors/aryehgregor/submitted/background-2a.html Thu Mar 22 12:13:24 2012 -0600 42.3 @@ -0,0 +1,14 @@ 42.4 +<!doctype html> 42.5 +<title>CSS Test (Transforms): Transform of Background Image (non-propagated 42.6 +body)</title> 42.7 +<link rel=author title="Aryeh Gregor" href=http://aryeh.name/> 42.8 +<link rel=help href=http://dev.w3.org/csswg/css3-transforms/> 42.9 +<meta name=assert content="Background images fall within the element's border 42.10 +box, so they need to be transformed along with it. In this case the scale is 42.11 +applied to the root element, and the background is on the body. The white 42.12 +background on the root element prevents the body's background from propagating 42.13 +to the canvas, so it's just a regular background."> 42.14 +<link rel=match href=background-2-ref.html> 42.15 +<html style="background:white;height:100%;width:100%;transform:scale(-1)"> 42.16 +<body style="background:url(background-1c.svg);height:100%;width:100%; 42.17 +margin:0">
43.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 43.2 +++ b/contributors/aryehgregor/submitted/background-2b.html Thu Mar 22 12:13:24 2012 -0600 43.3 @@ -0,0 +1,13 @@ 43.4 +<!doctype html> 43.5 +<title>CSS Test (Transforms): Transform of Background Image (propagated 43.6 +body)</title> 43.7 +<link rel=author title="Aryeh Gregor" href=http://aryeh.name/> 43.8 +<link rel=help href=http://dev.w3.org/csswg/css3-transforms/> 43.9 +<meta name=assert content="Background images fall within the element's border 43.10 +box, so they need to be transformed along with it. In this case the transform 43.11 +is applied to the body element, but the root element's background is 43.12 +transparent, so the background is actually on the root element instead of the 43.13 +body. Therefore, the transform must not affect the background."> 43.14 +<link rel=match href=background-2-ref.html> 43.15 +<body style="background:url(background-1-ref.svg);overflow:hidden; 43.16 +transform:rotate(90deg);transform-origin:50px 50px">
44.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 44.2 +++ b/contributors/aryehgregor/submitted/background-2c.html Thu Mar 22 12:13:24 2012 -0600 44.3 @@ -0,0 +1,23 @@ 44.4 +<!doctype html> 44.5 +<title>CSS Test (Transforms): Transform of Background Image (propagated 44.6 +body with root element transform)</title> 44.7 +<link rel=author title="Aryeh Gregor" href=http://aryeh.name/> 44.8 +<link rel=help href=http://dev.w3.org/csswg/css3-transforms/#transform-rendering> 44.9 +<meta name=assert content='"If the root element is transformed, the 44.10 +transformation applies to the entire canvas, including any background specified 44.11 +for the root element. Since the background painting area for the root element 44.12 +is the entire canvas, which is infinite, the transformation might cause parts 44.13 +of the background that were originally off-screen to appear. For example, if 44.14 +the root element's background were repeating dots, and a transformation of 44.15 +‘scale(0.5)’ were specified on the root element, the dots would shrink to half 44.16 +their size, but there will be twice as many, so they still cover the whole 44.17 +viewport." In this case, the background is specified on the body but 44.18 +propagates to the root element. The transform is on the root element, so it 44.19 +needs to affect the background. The rotation 90 degrees clockwise means that 44.20 +most of the screen will be filled with triangles that were originally above the 44.21 +top of the viewport; the original top row of triangles will now be on the 44.22 +left.'> 44.23 +<link rel=match href=background-2-ref.html> 44.24 +<html style="overflow:hidden; 44.25 +transform:rotate(90deg);transform-origin:50px 50px"> 44.26 +<body style="background:url(background-1a.svg)">
45.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 45.2 +++ b/contributors/aryehgregor/submitted/background-2d.html Thu Mar 22 12:13:24 2012 -0600 45.3 @@ -0,0 +1,11 @@ 45.4 +<!doctype html> 45.5 +<title>CSS Test (Transforms): Transform of Background Image (root element 45.6 +background and transform)</title> 45.7 +<link rel=author title="Aryeh Gregor" href=http://aryeh.name/> 45.8 +<link rel=help href=http://dev.w3.org/csswg/css3-transforms/#transform-rendering> 45.9 +<meta name=assert content='This is exactly the same as background-2c.html, 45.10 +except that the background is specified directly on the root element instead of 45.11 +being specified on the body and propagating to the root.'> 45.12 +<link rel=match href=background-2-ref.html> 45.13 +<html style="background:url(background-1a.svg);overflow:hidden; 45.14 +transform:rotate(90deg);transform-origin:50px 50px">
