diff options
Diffstat (limited to 'layout/reftests/writing-mode/abspos')
40 files changed, 579 insertions, 0 deletions
diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1-ref.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1-ref.html new file mode 100644 index 0000000000..fc6e6b5afb --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1-ref.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; + writing-mode: vertical-lr; position: absolute; left: 0; top: 0; } +.test { background: #aaa; position: absolute; left: 0; top: 0; width: 2em; height: 100%; } +.rel { position: relative; } +img { position: absolute; left: 0; top: 34px; + width: 30px; height: 40px; background: green; border: 5px solid yellow; } +</style> +<body> +<div class="rel"> + <div class="test"><span class="abc">abc</span><img src=""></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1a.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1a.html new file mode 100644 index 0000000000..e3a9f414df --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1a.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; } +.test { background: #aaa; width: 2em; } +.vlr { writing-mode: vertical-lr; } +.rel { position: relative; } +img { position: absolute; width: 30px; height: 40px; background: green; border: 5px solid yellow; } +</style> +<body> +<div class="vlr"> + <div class="test"><span class="abc">abc</span><img src=""></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1b.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1b.html new file mode 100644 index 0000000000..12e79285da --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1b.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; } +.test { background: #aaa; width: 2em; } +.vlr { writing-mode: vertical-lr; } +.rel { position: relative; } +img { position: absolute; width: 30px; height: 40px; background: green; border: 5px solid yellow; } +</style> +<body> +<div class="vlr rel"> + <div class="test"><span class="abc">abc</span><img src=""></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1c.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1c.html new file mode 100644 index 0000000000..234d9b86fa --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-1c.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; } +.test { background: #aaa; width: 2em; } +.vlr { writing-mode: vertical-lr; } +.rel { position: relative; } +img { position: absolute; width: 30px; height: 40px; background: green; border: 5px solid yellow; } +</style> +<body> +<div class="vlr"> + <div class="test rel"><span class="abc">abc</span><img src=""></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2-ref.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2-ref.html new file mode 100644 index 0000000000..69f635771e --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2-ref.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; + writing-mode: vertical-lr; position: absolute; left: 0; top: 0; } +.test { background: #aaa; position: absolute; left: 0; top: 0; width: 2em; height: 100%; } +.rel { position: relative; } +img { position: absolute; left: 0; top: 34px; + background: green; border: 5px solid yellow; } +</style> +<body> +<div class="rel"> + <div class="test"><span class="abc">abc</span><img src="blue-32x32.png"></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2a.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2a.html new file mode 100644 index 0000000000..26a039659f --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2a.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; } +.test { background: #aaa; width: 2em; } +.vlr { writing-mode: vertical-lr; } +.rel { position: relative; } +img { position: absolute; background: green; border: 5px solid yellow; } +</style> +<body> +<div class="vlr"> + <div class="test"><span class="abc">abc</span><img src="blue-32x32.png"></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2b.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2b.html new file mode 100644 index 0000000000..d5960f00f2 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2b.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; } +.test { background: #aaa; width: 2em; } +.vlr { writing-mode: vertical-lr; } +.rel { position: relative; } +img { position: absolute; background: green; border: 5px solid yellow; } +</style> +<body> +<div class="vlr rel"> + <div class="test"><span class="abc">abc</span><img src="blue-32x32.png"></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2c.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2c.html new file mode 100644 index 0000000000..37798c920f --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-2c.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; } +.test { background: #aaa; width: 2em; } +.vlr { writing-mode: vertical-lr; } +.rel { position: relative; } +img { position: absolute; background: green; border: 5px solid yellow; } +</style> +<body> +<div class="vlr"> + <div class="test rel"><span class="abc">abc</span><img src="blue-32x32.png"></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3-ref.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3-ref.html new file mode 100644 index 0000000000..87e0c4e8fc --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3-ref.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 120px; height: 150px; border: 5px solid blue; } +.vlr { writing-mode: vertical-lr; } +span { display: inline-block; padding: 5px; block-size: 1.5em; border: 2px solid red; } +p { margin: 0; padding: 2px; border: 2px solid green; inline-size: -moz-fit-content; } +</style> +<body> +<div> + <div class="vlr"><span>abc def</span><p>xyzzy</p></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3a.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3a.html new file mode 100644 index 0000000000..2231ad7bdb --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3a.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 120px; height: 150px; border: 5px solid blue; } +.vlr { writing-mode: vertical-lr; } +.rel { position: relative; } +span { display: inline-block; padding: 5px; block-size: 1.5em; border: 2px solid red; } +p { position: absolute; margin: 0; padding: 2px; border: 2px solid green; } +</style> +<body> +<div class="vlr"> + <div><span>abc def</span><p>xyzzy</p></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3b.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3b.html new file mode 100644 index 0000000000..f75b01b1ab --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3b.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 120px; height: 150px; border: 5px solid blue; } +.vlr { writing-mode: vertical-lr; } +.rel { position: relative; } +span { display: inline-block; padding: 5px; block-size: 1.5em; border: 2px solid red; } +p { position: absolute; margin: 0; padding: 2px; border: 2px solid green; } +</style> +<body> +<div class="vlr rel"> + <div><span>abc def</span><p>xyzzy</p></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3c.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3c.html new file mode 100644 index 0000000000..d2a1511d66 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-3c.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 120px; height: 150px; border: 5px solid blue; } +.vlr { writing-mode: vertical-lr; } +.rel { position: relative; } +span { display: inline-block; padding: 5px; block-size: 1.5em; border: 2px solid red; } +p { position: absolute; margin: 0; padding: 2px; border: 2px solid green; } +</style> +<body> +<div class="vlr"> + <div class="rel"><span>abc def</span><p>xyzzy</p></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4-ref.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4-ref.html new file mode 100644 index 0000000000..4a6eda9992 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; + position: absolute; right: 0; top: 0; } +.test { writing-mode: vertical-rl; background: #aaa; + position: absolute; right: 0; top: 0; width: 2em; height: 100%; } +.rel { position: relative; } +img { position: absolute; right: 0; top: 34px; + width: 30px; height: 40px; background: green; border: 5px solid yellow; } +</style> +<body> +<div class="rel"> + <div class="test"><span class="abc">abc</span><img src=""></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4a.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4a.html new file mode 100644 index 0000000000..5c7ecab700 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4a.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; } +.test { background: #aaa; width: 2em; } +.vrl { writing-mode: vertical-rl; } +.rel { position: relative; } +img { position: absolute; width: 30px; height: 40px; background: green; border: 5px solid yellow; } +</style> +<body> +<div class="vrl"> + <div class="test"><span class="abc">abc</span><img src=""></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4b.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4b.html new file mode 100644 index 0000000000..1e51065b7a --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4b.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; } +.test { background: #aaa; width: 2em; } +.vrl { writing-mode: vertical-rl; } +.rel { position: relative; } +img { position: absolute; width: 30px; height: 40px; background: green; border: 5px solid yellow; } +</style> +<body> +<div class="vrl rel"> + <div class="test"><span class="abc">abc</span><img src=""></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4c.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4c.html new file mode 100644 index 0000000000..edc8b870e4 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-4c.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; } +.test { background: #aaa; width: 2em; } +.vrl { writing-mode: vertical-rl; } +.rel { position: relative; } +img { position: absolute; width: 30px; height: 40px; background: green; border: 5px solid yellow; } +</style> +<body> +<div class="vrl"> + <div class="test rel"><span class="abc">abc</span><img src=""></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5-ref.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5-ref.html new file mode 100644 index 0000000000..cf0b18aca1 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; + position: absolute; right: 0; top: 0; } +.test { writing-mode: vertical-rl; background: #aaa; + position: absolute; right: 0; top: 0; width: 2em; height: 100%; } +.rel { position: relative; } +img { position: absolute; right: 0; top: 34px; + background: green; border: 5px solid yellow; } +</style> +<body> +<div class="rel"> + <div class="test"><span class="abc">abc</span><img src="blue-32x32.png"></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5a.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5a.html new file mode 100644 index 0000000000..fd7e3ceadd --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5a.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; } +.test { background: #aaa; width: 2em; } +.vrl { writing-mode: vertical-rl; } +.rel { position: relative; } +img { position: absolute; background: green; border: 5px solid yellow; } +</style> +<body> +<div class="vrl"> + <div class="test"><span class="abc">abc</span><img src="blue-32x32.png"></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5b.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5b.html new file mode 100644 index 0000000000..2b48fcaa82 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5b.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; } +.test { background: #aaa; width: 2em; } +.vrl { writing-mode: vertical-rl; } +.rel { position: relative; } +img { position: absolute; background: green; border: 5px solid yellow; } +</style> +<body> +<div class="vrl rel"> + <div class="test"><span class="abc">abc</span><img src="blue-32x32.png"></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5c.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5c.html new file mode 100644 index 0000000000..3923017a4c --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-5c.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; } +.test { background: #aaa; width: 2em; } +.vrl { writing-mode: vertical-rl; } +.rel { position: relative; } +img { position: absolute; background: green; border: 5px solid yellow; } +</style> +<body> +<div class="vrl"> + <div class="test rel"><span class="abc">abc</span><img src="blue-32x32.png"></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6-ref.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6-ref.html new file mode 100644 index 0000000000..c681510040 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6-ref.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 120px; height: 150px; border: 5px solid blue; } +.vrl { writing-mode: vertical-rl; } +span { display: inline-block; padding: 5px; block-size: 1.5em; border: 2px solid red; } +p { margin: 0; padding: 2px; border: 2px solid green; inline-size: -moz-fit-content; } +</style> +<body> +<div class="vrl"> + <div><span>abc def</span><p>xyzzy</p></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6a.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6a.html new file mode 100644 index 0000000000..41f6681c93 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6a.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 120px; height: 150px; border: 5px solid blue; } +.vrl { writing-mode: vertical-rl; } +.rel { position: relative; } +span { display: inline-block; padding: 5px; block-size: 1.5em; border: 2px solid red; } +p { position: absolute; margin: 0; padding: 2px; border: 2px solid green; } +</style> +<body> +<div class="vrl"> + <div><span>abc def</span><p>xyzzy</p></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6b.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6b.html new file mode 100644 index 0000000000..d768e575c6 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6b.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 120px; height: 150px; border: 5px solid blue; } +.vrl { writing-mode: vertical-rl; } +.rel { position: relative; } +span { display: inline-block; padding: 5px; block-size: 1.5em; border: 2px solid red; } +p { position: absolute; margin: 0; padding: 2px; border: 2px solid green; } +</style> +<body> +<div class="vrl rel"> + <div><span>abc def</span><p>xyzzy</p></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6c.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6c.html new file mode 100644 index 0000000000..111443acf2 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-6c.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 120px; height: 150px; border: 5px solid blue; } +.vrl { writing-mode: vertical-rl; } +.rel { position: relative; } +span { display: inline-block; padding: 5px; block-size: 1.5em; border: 2px solid red; } +p { position: absolute; margin: 0; padding: 2px; border: 2px solid green; } +</style> +<body> +<div class="vrl"> + <div class="rel"><span>abc def</span><p>xyzzy</p></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7-ref.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7-ref.html new file mode 100644 index 0000000000..77ad9c15bd --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7-ref.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; + writing-mode: vertical-lr; position: absolute; left: 0; top: 0; } +.test { background: #aaa; position: absolute; left: 0; top: 0; width: 2em; height: 100%; } +.rel { position: relative; } +iframe { + position: absolute; left: 0; top: 34px; + background: yellow; border: 5px solid green; + width: 300px; height: 150px; +} +</style> +<body> +<div class="rel"> + <div class="test"><span class="abc">abc</span><iframe src="data:text/html,hello"></iframe></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7a.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7a.html new file mode 100644 index 0000000000..906757ae95 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7a.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; } +.test { background: #aaa; width: 2em; } +.vlr { writing-mode: vertical-lr; } +.rel { position: relative; } +iframe { position: absolute; background: yellow; border: 5px solid green; } +</style> +<body> +<div class="vlr"> + <div class="test"><span class="abc">abc</span><iframe src="data:text/html,hello"></iframe></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7b.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7b.html new file mode 100644 index 0000000000..9056e75cb4 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7b.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; } +.test { background: #aaa; width: 2em; } +.vlr { writing-mode: vertical-lr; } +.rel { position: relative; } +iframe { position: absolute; background: yellow; border: 5px solid green; } +</style> +<body> +<div class="vlr rel"> + <div class="test"><span class="abc">abc</span><iframe src="data:text/html,hello"></iframe></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7c.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7c.html new file mode 100644 index 0000000000..d21dbaa1e0 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-7c.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; } +.test { background: #aaa; width: 2em; } +.vlr { writing-mode: vertical-lr; } +.rel { position: relative; } +iframe { position: absolute; background: yellow; border: 5px solid green; } +</style> +<body> +<div class="vlr"> + <div class="test rel"><span class="abc">abc</span><iframe src="data:text/html,hello"></iframe></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8-ref.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8-ref.html new file mode 100644 index 0000000000..33e90d3f80 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8-ref.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; + writing-mode: vertical-rl; position: absolute; right: 0; top: 0; } +.test { background: #aaa; position: absolute; right: 0; top: 0; width: 2em; height: 100%; } +.rel { position: relative; } +iframe { + position: absolute; right: 0; top: 34px; + background: yellow; border: 5px solid green; + width: 300px; height: 150px; +} +</style> +<body> +<div class="rel"> + <div class="test"><span class="abc">abc</span><iframe src="data:text/html,hello"></iframe></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8a.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8a.html new file mode 100644 index 0000000000..ccca0406c1 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8a.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; } +.test { background: #aaa; width: 2em; } +.vrl { writing-mode: vertical-rl; } +.rel { position: relative; } +iframe { position: absolute; background: yellow; border: 5px solid green; } +</style> +<body> +<div class="vrl"> + <div class="test"><span class="abc">abc</span><iframe src="data:text/html,hello"></iframe></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8b.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8b.html new file mode 100644 index 0000000000..948c0ee097 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8b.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; } +.test { background: #aaa; width: 2em; } +.vrl { writing-mode: vertical-rl; } +.rel { position: relative; } +iframe { position: absolute; background: yellow; border: 5px solid green; } +</style> +<body> +<div class="vrl rel"> + <div class="test"><span class="abc">abc</span><iframe src="data:text/html,hello"></iframe></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8c.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8c.html new file mode 100644 index 0000000000..c8b95701b4 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-8c.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; } +.test { background: #aaa; width: 2em; } +.vrl { writing-mode: vertical-rl; } +.rel { position: relative; } +iframe { position: absolute; background: yellow; border: 5px solid green; } +</style> +<body> +<div class="vrl"> + <div class="test rel"><span class="abc">abc</span><iframe src="data:text/html,hello"></iframe></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9-ref.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9-ref.html new file mode 100644 index 0000000000..5fb3e94d0b --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9-ref.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; + writing-mode: vertical-rl; position: absolute; right: 0; top: 0; } +.test { background: #aaa; position: absolute; right: 0; top: 0; width: 2em; height: 100%; } +.rel { position: relative; } +video { + position: absolute; right: 0; top: 34px; + background: yellow; border: 5px solid green; + width: 300px; height: 150px; +} +</style> +<body> +<div class="rel"> + <div class="test"><span class="abc">abc</span><video src=""></video></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9a.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9a.html new file mode 100644 index 0000000000..9793bdb7c8 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9a.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; } +.test { background: #aaa; width: 2em; } +.vrl { writing-mode: vertical-rl; } +.rel { position: relative; } +video { position: absolute; background: yellow; border: 5px solid green; } +</style> +<body> +<div class="vrl"> + <div class="test"><span class="abc">abc</span><video src=""></video></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9b.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9b.html new file mode 100644 index 0000000000..142885c305 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9b.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; } +.test { background: #aaa; width: 2em; } +.vrl { writing-mode: vertical-rl; } +.rel { position: relative; } +video { position: absolute; background: yellow; border: 5px solid green; } +</style> +<body> +<div class="vrl rel"> + <div class="test"><span class="abc">abc</span><video src=""></video></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9c.html b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9c.html new file mode 100644 index 0000000000..a06ce59549 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/1183431-orthogonal-modes-9c.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<style> +body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; } +.abc { display: inline-block; border: 2px solid red; inline-size: 30px; } +.test { background: #aaa; width: 2em; } +.vrl { writing-mode: vertical-rl; } +.rel { position: relative; } +video { position: absolute; background: yellow; border: 5px solid green; } +</style> +<body> +<div class="vrl"> + <div class="test rel"><span class="abc">abc</span><video src=""></video></div> +</div> diff --git a/layout/reftests/writing-mode/abspos/blue-32x32.png b/layout/reftests/writing-mode/abspos/blue-32x32.png Binary files differnew file mode 100644 index 0000000000..deefd19b2a --- /dev/null +++ b/layout/reftests/writing-mode/abspos/blue-32x32.png diff --git a/layout/reftests/writing-mode/abspos/reftest.list b/layout/reftests/writing-mode/abspos/reftest.list new file mode 100644 index 0000000000..8a2f033881 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/reftest.list @@ -0,0 +1,27 @@ +== 1183431-orthogonal-modes-1a.html 1183431-orthogonal-modes-1-ref.html +== 1183431-orthogonal-modes-1b.html 1183431-orthogonal-modes-1-ref.html +== 1183431-orthogonal-modes-1c.html 1183431-orthogonal-modes-1-ref.html +== 1183431-orthogonal-modes-2a.html 1183431-orthogonal-modes-2-ref.html +== 1183431-orthogonal-modes-2b.html 1183431-orthogonal-modes-2-ref.html +== 1183431-orthogonal-modes-2c.html 1183431-orthogonal-modes-2-ref.html +== 1183431-orthogonal-modes-3a.html 1183431-orthogonal-modes-3-ref.html +== 1183431-orthogonal-modes-3b.html 1183431-orthogonal-modes-3-ref.html +== 1183431-orthogonal-modes-3c.html 1183431-orthogonal-modes-3-ref.html +== 1183431-orthogonal-modes-4a.html 1183431-orthogonal-modes-4-ref.html +== 1183431-orthogonal-modes-4b.html 1183431-orthogonal-modes-4-ref.html +== 1183431-orthogonal-modes-4c.html 1183431-orthogonal-modes-4-ref.html +== 1183431-orthogonal-modes-5a.html 1183431-orthogonal-modes-5-ref.html +== 1183431-orthogonal-modes-5b.html 1183431-orthogonal-modes-5-ref.html +== 1183431-orthogonal-modes-5c.html 1183431-orthogonal-modes-5-ref.html +fails == 1183431-orthogonal-modes-6a.html 1183431-orthogonal-modes-6-ref.html # bug 1191801 +== 1183431-orthogonal-modes-6b.html 1183431-orthogonal-modes-6-ref.html +== 1183431-orthogonal-modes-6c.html 1183431-orthogonal-modes-6-ref.html +== 1183431-orthogonal-modes-7a.html 1183431-orthogonal-modes-7-ref.html +== 1183431-orthogonal-modes-7b.html 1183431-orthogonal-modes-7-ref.html +== 1183431-orthogonal-modes-7c.html 1183431-orthogonal-modes-7-ref.html +== 1183431-orthogonal-modes-8a.html 1183431-orthogonal-modes-8-ref.html +== 1183431-orthogonal-modes-8b.html 1183431-orthogonal-modes-8-ref.html +== 1183431-orthogonal-modes-8c.html 1183431-orthogonal-modes-8-ref.html +== 1183431-orthogonal-modes-9a.html 1183431-orthogonal-modes-9-ref.html +== 1183431-orthogonal-modes-9b.html 1183431-orthogonal-modes-9-ref.html +== 1183431-orthogonal-modes-9c.html 1183431-orthogonal-modes-9-ref.html diff --git a/layout/reftests/writing-mode/abspos/support/Ahem.ttf b/layout/reftests/writing-mode/abspos/support/Ahem.ttf Binary files differnew file mode 100644 index 0000000000..ac81cb0316 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/support/Ahem.ttf diff --git a/layout/reftests/writing-mode/abspos/support/ahem.css b/layout/reftests/writing-mode/abspos/support/ahem.css new file mode 100644 index 0000000000..2d07a1d562 --- /dev/null +++ b/layout/reftests/writing-mode/abspos/support/ahem.css @@ -0,0 +1,4 @@ +@font-face { + font-family: Ahem; + src: url("Ahem.ttf"); +} |
