mirror of
https://github.com/servo/servo.git
synced 2025-08-13 01:15:34 +01:00
Update web-platform-tests to revision b'b728032f59a396243864b0f8584e7211e3632005'
This commit is contained in:
WPT Sync Bot
parent
ace9b32b1c
commit
df68c4e5d1
15632 changed files with 514865 additions and 155000 deletions
|
|
@ -0,0 +1,243 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<link rel="author" title="David Shin" href="mailto:dshin@mozilla.com">
|
||||
<link rel="author" href="https://mozilla.org" title="Mozilla">
|
||||
<style>
|
||||
body { margin: 0; }
|
||||
.cb {
|
||||
position: relative;
|
||||
inline-size: 45px;
|
||||
block-size: 40px;
|
||||
background: lightblue;
|
||||
border: solid gray;
|
||||
border-width: 1px 2px 3px 4px;
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.parent {
|
||||
inline-size: 35px;
|
||||
block-size: 30px;
|
||||
background: orange;
|
||||
}
|
||||
.abspos {
|
||||
inline-size: 20px;
|
||||
block-size: 15px;
|
||||
background: pink;
|
||||
}
|
||||
|
||||
.vrl {
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
.vlr {
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
.htb {
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
.ltr {
|
||||
direction: ltr;
|
||||
}
|
||||
.rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.sep {
|
||||
clear: both;
|
||||
display: block;
|
||||
height: 5px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="cb htb ltr">
|
||||
<div class="parent htb ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb ltr">
|
||||
<div class="parent htb rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb ltr">
|
||||
<div class="parent vlr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb ltr">
|
||||
<div class="parent vlr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb ltr">
|
||||
<div class="parent vrl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb ltr">
|
||||
<div class="parent vrl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb htb rtl">
|
||||
<div class="parent htb ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb rtl">
|
||||
<div class="parent htb rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb rtl">
|
||||
<div class="parent vlr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb rtl">
|
||||
<div class="parent vlr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb rtl">
|
||||
<div class="parent vrl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb rtl">
|
||||
<div class="parent vrl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb vlr ltr">
|
||||
<div class="parent htb ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr ltr">
|
||||
<div class="parent htb rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr ltr">
|
||||
<div class="parent vlr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr ltr">
|
||||
<div class="parent vlr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr ltr">
|
||||
<div class="parent vrl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr ltr">
|
||||
<div class="parent vrl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb vlr rtl">
|
||||
<div class="parent htb ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr rtl">
|
||||
<div class="parent htb rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr rtl">
|
||||
<div class="parent vlr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr rtl">
|
||||
<div class="parent vlr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr rtl">
|
||||
<div class="parent vrl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr rtl">
|
||||
<div class="parent vrl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb vrl ltr">
|
||||
<div class="parent htb ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl ltr">
|
||||
<div class="parent htb rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl ltr">
|
||||
<div class="parent vlr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl ltr">
|
||||
<div class="parent vlr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl ltr">
|
||||
<div class="parent vrl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl ltr">
|
||||
<div class="parent vrl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb vrl rtl">
|
||||
<div class="parent htb ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl rtl">
|
||||
<div class="parent htb rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl rtl">
|
||||
<div class="parent vlr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl rtl">
|
||||
<div class="parent vlr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl rtl">
|
||||
<div class="parent vrl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl rtl">
|
||||
<div class="parent vrl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,248 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<link rel="author" title="David Shin" href="mailto:dshin@mozilla.com">
|
||||
<link rel="author" href="https://mozilla.org" title="Mozilla">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow">
|
||||
<meta name="assert"
|
||||
content="This test checks that absolutely positioned elements are offset correctly in a bordered containing block, in different combinations of writing modes and directions." />
|
||||
<link rel="match" href="abs-pos-border-offset-001-ref.html">
|
||||
<style>
|
||||
body { margin: 0; }
|
||||
.cb {
|
||||
position: relative;
|
||||
inline-size: 45px;
|
||||
block-size: 40px;
|
||||
background: lightblue;
|
||||
border: solid gray;
|
||||
border-width: 1px 2px 3px 4px;
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.parent {
|
||||
inline-size: 35px;
|
||||
block-size: 30px;
|
||||
background: orange;
|
||||
}
|
||||
.abspos {
|
||||
position: absolute;
|
||||
inline-size: 20px;
|
||||
block-size: 15px;
|
||||
background: pink;
|
||||
}
|
||||
|
||||
.vrl {
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
.vlr {
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
.htb {
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
.ltr {
|
||||
direction: ltr;
|
||||
}
|
||||
.rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.sep {
|
||||
clear: both;
|
||||
display: block;
|
||||
height: 5px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="cb htb ltr">
|
||||
<div class="parent htb ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb ltr">
|
||||
<div class="parent htb rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb ltr">
|
||||
<div class="parent vlr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb ltr">
|
||||
<div class="parent vlr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb ltr">
|
||||
<div class="parent vrl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb ltr">
|
||||
<div class="parent vrl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb htb rtl">
|
||||
<div class="parent htb ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb rtl">
|
||||
<div class="parent htb rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb rtl">
|
||||
<div class="parent vlr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb rtl">
|
||||
<div class="parent vlr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb rtl">
|
||||
<div class="parent vrl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb rtl">
|
||||
<div class="parent vrl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb vlr ltr">
|
||||
<div class="parent htb ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr ltr">
|
||||
<div class="parent htb rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr ltr">
|
||||
<div class="parent vlr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr ltr">
|
||||
<div class="parent vlr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr ltr">
|
||||
<div class="parent vrl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr ltr">
|
||||
<div class="parent vrl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb vlr rtl">
|
||||
<div class="parent htb ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr rtl">
|
||||
<div class="parent htb rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr rtl">
|
||||
<div class="parent vlr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr rtl">
|
||||
<div class="parent vlr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr rtl">
|
||||
<div class="parent vrl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr rtl">
|
||||
<div class="parent vrl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb vrl ltr">
|
||||
<div class="parent htb ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl ltr">
|
||||
<div class="parent htb rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl ltr">
|
||||
<div class="parent vlr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl ltr">
|
||||
<div class="parent vlr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl ltr">
|
||||
<div class="parent vrl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl ltr">
|
||||
<div class="parent vrl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb vrl rtl">
|
||||
<div class="parent htb ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl rtl">
|
||||
<div class="parent htb rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl rtl">
|
||||
<div class="parent vlr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl rtl">
|
||||
<div class="parent vlr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl rtl">
|
||||
<div class="parent vrl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl rtl">
|
||||
<div class="parent vrl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,397 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<link rel="author" title="David Shin" href="mailto:dshin@mozilla.com">
|
||||
<link rel="author" href="https://mozilla.org" title="Mozilla">
|
||||
<style>
|
||||
body { margin: 0; }
|
||||
.cb {
|
||||
position: relative;
|
||||
inline-size: 45px;
|
||||
block-size: 40px;
|
||||
background: lightblue;
|
||||
border: solid gray;
|
||||
border-width: 1px 2px 3px 4px;
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.parent {
|
||||
inline-size: 35px;
|
||||
block-size: 30px;
|
||||
background: orange;
|
||||
}
|
||||
.abspos {
|
||||
inline-size: 20px;
|
||||
block-size: 15px;
|
||||
background: pink;
|
||||
}
|
||||
|
||||
.vrl {
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
.vlr {
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
.srl {
|
||||
writing-mode: sideways-rl;
|
||||
}
|
||||
.slr {
|
||||
writing-mode: sideways-lr;
|
||||
}
|
||||
.htb {
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
.ltr {
|
||||
direction: ltr;
|
||||
}
|
||||
.rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.sep {
|
||||
clear: both;
|
||||
display: block;
|
||||
height: 5px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="cb htb ltr">
|
||||
<div class="parent slr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb ltr">
|
||||
<div class="parent slr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb ltr">
|
||||
<div class="parent srl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb ltr">
|
||||
<div class="parent srl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb htb rtl">
|
||||
<div class="parent slr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb rtl">
|
||||
<div class="parent slr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb rtl">
|
||||
<div class="parent srl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb rtl">
|
||||
<div class="parent srl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb vlr ltr">
|
||||
<div class="parent slr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr ltr">
|
||||
<div class="parent slr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr ltr">
|
||||
<div class="parent srl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr ltr">
|
||||
<div class="parent srl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb vlr rtl">
|
||||
<div class="parent slr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr rtl">
|
||||
<div class="parent slr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr rtl">
|
||||
<div class="parent srl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr rtl">
|
||||
<div class="parent srl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb vrl ltr">
|
||||
<div class="parent slr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl ltr">
|
||||
<div class="parent slr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl ltr">
|
||||
<div class="parent srl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl ltr">
|
||||
<div class="parent srl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb vrl rtl">
|
||||
<div class="parent slr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl rtl">
|
||||
<div class="parent slr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl rtl">
|
||||
<div class="parent srl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl rtl">
|
||||
<div class="parent srl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb slr ltr">
|
||||
<div class="parent htb ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr ltr">
|
||||
<div class="parent htb rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr ltr">
|
||||
<div class="parent vlr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr ltr">
|
||||
<div class="parent vlr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr ltr">
|
||||
<div class="parent vrl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr ltr">
|
||||
<div class="parent vrl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr ltr">
|
||||
<div class="parent slr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr ltr">
|
||||
<div class="parent slr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr ltr">
|
||||
<div class="parent srl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr ltr">
|
||||
<div class="parent srl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb slr rtl">
|
||||
<div class="parent htb ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr rtl">
|
||||
<div class="parent htb rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr rtl">
|
||||
<div class="parent vlr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr rtl">
|
||||
<div class="parent vlr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr rtl">
|
||||
<div class="parent vrl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr rtl">
|
||||
<div class="parent vrl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr rtl">
|
||||
<div class="parent slr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr rtl">
|
||||
<div class="parent slr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr rtl">
|
||||
<div class="parent srl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr rtl">
|
||||
<div class="parent srl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb srl ltr">
|
||||
<div class="parent htb ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl ltr">
|
||||
<div class="parent htb rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl ltr">
|
||||
<div class="parent vlr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl ltr">
|
||||
<div class="parent vlr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl ltr">
|
||||
<div class="parent vrl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl ltr">
|
||||
<div class="parent vrl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl ltr">
|
||||
<div class="parent slr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl ltr">
|
||||
<div class="parent slr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl ltr">
|
||||
<div class="parent srl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl ltr">
|
||||
<div class="parent srl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb srl rtl">
|
||||
<div class="parent htb ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl rtl">
|
||||
<div class="parent htb rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl rtl">
|
||||
<div class="parent vlr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl rtl">
|
||||
<div class="parent vlr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl rtl">
|
||||
<div class="parent vrl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl rtl">
|
||||
<div class="parent vrl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl rtl">
|
||||
<div class="parent slr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl rtl">
|
||||
<div class="parent slr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl rtl">
|
||||
<div class="parent srl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl rtl">
|
||||
<div class="parent srl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,401 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<link rel="author" title="David Shin" href="mailto:dshin@mozilla.com">
|
||||
<link rel="author" href="https://mozilla.org" title="Mozilla">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow">
|
||||
<meta name="assert" content="This test checks that absolutely positioned elements are offset correctly in a bordered containing block, in different combinations of sideways writing modes and directions." />
|
||||
<link rel="match" href="abs-pos-border-offset-002-ref.html">
|
||||
<style>
|
||||
body { margin: 0; }
|
||||
.cb {
|
||||
position: relative;
|
||||
inline-size: 45px;
|
||||
block-size: 40px;
|
||||
background: lightblue;
|
||||
border: solid gray;
|
||||
border-width: 1px 2px 3px 4px;
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.parent {
|
||||
inline-size: 35px;
|
||||
block-size: 30px;
|
||||
background: orange;
|
||||
}
|
||||
.abspos {
|
||||
position: absolute;
|
||||
inline-size: 20px;
|
||||
block-size: 15px;
|
||||
background: pink;
|
||||
}
|
||||
|
||||
.srl {
|
||||
writing-mode: sideways-rl;
|
||||
}
|
||||
.slr {
|
||||
writing-mode: sideways-lr;
|
||||
}
|
||||
.vrl {
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
.vlr {
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
.htb {
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
.ltr {
|
||||
direction: ltr;
|
||||
}
|
||||
.rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.sep {
|
||||
clear: both;
|
||||
display: block;
|
||||
height: 5px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="cb htb ltr">
|
||||
<div class="parent slr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb ltr">
|
||||
<div class="parent slr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb ltr">
|
||||
<div class="parent srl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb ltr">
|
||||
<div class="parent srl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb htb rtl">
|
||||
<div class="parent slr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb rtl">
|
||||
<div class="parent slr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb rtl">
|
||||
<div class="parent srl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb htb rtl">
|
||||
<div class="parent srl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb vlr ltr">
|
||||
<div class="parent slr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr ltr">
|
||||
<div class="parent slr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr ltr">
|
||||
<div class="parent srl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr ltr">
|
||||
<div class="parent srl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb vlr rtl">
|
||||
<div class="parent slr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr rtl">
|
||||
<div class="parent slr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr rtl">
|
||||
<div class="parent srl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vlr rtl">
|
||||
<div class="parent srl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb vrl ltr">
|
||||
<div class="parent slr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl ltr">
|
||||
<div class="parent slr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl ltr">
|
||||
<div class="parent srl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl ltr">
|
||||
<div class="parent srl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb vrl rtl">
|
||||
<div class="parent slr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl rtl">
|
||||
<div class="parent slr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl rtl">
|
||||
<div class="parent srl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb vrl rtl">
|
||||
<div class="parent srl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb slr ltr">
|
||||
<div class="parent htb ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr ltr">
|
||||
<div class="parent htb rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr ltr">
|
||||
<div class="parent vlr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr ltr">
|
||||
<div class="parent vlr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr ltr">
|
||||
<div class="parent vrl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr ltr">
|
||||
<div class="parent vrl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr ltr">
|
||||
<div class="parent slr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr ltr">
|
||||
<div class="parent slr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr ltr">
|
||||
<div class="parent srl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr ltr">
|
||||
<div class="parent srl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb slr rtl">
|
||||
<div class="parent htb ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr rtl">
|
||||
<div class="parent htb rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr rtl">
|
||||
<div class="parent vlr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr rtl">
|
||||
<div class="parent vlr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr rtl">
|
||||
<div class="parent vrl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr rtl">
|
||||
<div class="parent vrl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr rtl">
|
||||
<div class="parent slr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr rtl">
|
||||
<div class="parent slr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr rtl">
|
||||
<div class="parent srl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb slr rtl">
|
||||
<div class="parent srl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb srl ltr">
|
||||
<div class="parent htb ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl ltr">
|
||||
<div class="parent htb rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl ltr">
|
||||
<div class="parent vlr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl ltr">
|
||||
<div class="parent vlr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl ltr">
|
||||
<div class="parent vrl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl ltr">
|
||||
<div class="parent vrl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl ltr">
|
||||
<div class="parent slr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl ltr">
|
||||
<div class="parent slr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl ltr">
|
||||
<div class="parent srl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl ltr">
|
||||
<div class="parent srl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
|
||||
<div class="cb srl rtl">
|
||||
<div class="parent htb ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl rtl">
|
||||
<div class="parent htb rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl rtl">
|
||||
<div class="parent vlr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl rtl">
|
||||
<div class="parent vlr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl rtl">
|
||||
<div class="parent vrl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl rtl">
|
||||
<div class="parent vrl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl rtl">
|
||||
<div class="parent slr ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl rtl">
|
||||
<div class="parent slr rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl rtl">
|
||||
<div class="parent srl ltr">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cb srl rtl">
|
||||
<div class="parent srl rtl">
|
||||
<div class="abspos"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sep"></div>
|
||||
</body>
|
||||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left: auto', 'width: auto' and 'right: auto') whose containing block is the initial containing block must set 'left' to the static position. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' and 'width' are 'auto' and 'right' is not 'auto') whose containing block is the initial containing block must set width to shrink-to-fit and then solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="abs-pos-non-replaced-icb-vrl-008-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'left' and 'width' are 'auto' and 'right' is not 'auto') whose containing block is the initial containing block must set width to shrink-to-fit and then solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' and 'right' are 'auto' and 'width' is not 'auto') whose containing block is the initial containing block and whose direction is 'ltr' must set left to static position and then solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="abs-pos-non-replaced-icb-vrl-008-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'width' and 'right' are 'auto' and 'left' is not 'auto') whose containing block is the initial containing block must set width to shrink-to-fit and then solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="abs-pos-non-replaced-icb-vrl-008-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'width' and 'right' are 'auto' and 'left' is not 'auto') whose containing block is the initial containing block must set width to shrink-to-fit and then solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' is 'auto', 'width' and 'right' are not 'auto') whose containing block is the initial containing block must solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'left' is 'auto', 'width' and 'right' are not 'auto') whose containing block is the initial containing block must solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="abs-pos-non-replaced-icb-vrl-008-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'width' is 'auto', 'left' and 'right' are not 'auto') whose containing block is the initial containing block must solve 'width'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="abs-pos-non-replaced-icb-vrl-008-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'width' is 'auto', 'left' and 'right' are not 'auto') whose containing block is the initial containing block must solve 'width'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="abs-pos-non-replaced-icb-vrl-008-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'right' is 'auto', 'left' and 'width' are not 'auto') whose containing block is the initial containing block must solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="abs-pos-non-replaced-icb-vrl-008-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'right' is 'auto', 'left' and 'width' are not 'auto') whose containing block is the initial containing block must solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="abs-pos-non-replaced-icb-vrl-008-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with overconstrained 'left', 'width' and 'right' values) whose containing block is the initial containing block must ignore the value for 'right' and solve for that value. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="abs-pos-non-replaced-icb-vrl-008-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with overconstrained 'left', 'width' and 'right' values) whose containing block is the initial containing block must ignore the value for 'left' and solve for that value. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left: auto', 'width: auto' and 'right: auto') whose containing block is the initial containing block must set 'left' to the static position. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' and 'width' are 'auto' and 'right' is not 'auto') whose containing block is the initial containing block must set width to shrink-to-fit and then solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="abs-pos-non-replaced-icb-vrl-008-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'left' and 'width' are 'auto' and 'right' is not 'auto') whose containing block is the initial containing block must set width to shrink-to-fit and then solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' and 'right' are 'auto', 'width' is not 'auto') whose containing block is the initial containing block and whose direction is 'ltr' must set left to static position and then solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="abs-pos-non-replaced-icb-vrl-008-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'width' and 'right' are 'auto' and 'left' is not 'auto') whose containing block is the initial containing block must set width to shrink-to-fit and then solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="abs-pos-non-replaced-icb-vrl-008-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'width' and 'right' are 'auto' and 'left' is not 'auto') whose containing block is the initial containing block must set width to shrink-to-fit and then solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'left' is 'auto', 'width' and 'right' are not 'auto') whose containing block is the initial containing block must solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'left' is 'auto', 'width' and 'right' are not 'auto') whose containing block is the initial containing block must solve for 'left'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="abs-pos-non-replaced-icb-vrl-008-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'width' is 'auto', 'left' and 'right' are not 'auto') whose containing block is the initial containing block must solve 'width'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="abs-pos-non-replaced-icb-vrl-008-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'width' is 'auto', 'left' and 'right' are not 'auto') whose containing block is the initial containing block must solve 'width'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="abs-pos-non-replaced-icb-vrl-008-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with 'right' is 'auto', 'left' and 'width' are not 'auto') whose containing block is the initial containing block must solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="abs-pos-non-replaced-icb-vrl-008-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with 'right' is 'auto', 'left' and 'width' are not 'auto') whose containing block is the initial containing block must solve for 'right'. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="abs-pos-non-replaced-icb-vrl-008-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'ltr', then an absolutely positioned box (with overconstrained 'left', 'width' and 'right' values) whose containing block is the initial containing block must ignore the value for 'right' and solve for that value. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="abs-pos-non-replaced-icb-vrl-008-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that when the initial containing block's writing-mode is 'horizontal-tb' and its 'direction' is 'rtl', then an absolutely positioned box (with overconstrained 'left', 'width' and 'right' values) whose containing block is the initial containing block must ignore the value for 'left' and solve for that value. Whether such absolutely positioned box's 'writing-mode' is vertical or not is irrelevant." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<link rel="author" title="David Shin" href="mailto:dshin@mozilla.com">
|
||||
<link rel="author" href="https://mozilla.org" title="Mozilla">
|
||||
<style>
|
||||
.cb {
|
||||
position: relative;
|
||||
}
|
||||
audio, video, canvas, iframe, svg {
|
||||
border: 1px solid blue;
|
||||
position: absolute;
|
||||
/* This value corresponds to the difference between wrapper
|
||||
divs' width in the testcase. It causes the elements to
|
||||
be shifted right to prevent the test from spuriously
|
||||
passing by just placing them on the leftmost side. */
|
||||
left: 100px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="cb">
|
||||
<audio controls></audio>
|
||||
<video controls style="top: 50px;"></video>
|
||||
<canvas style="top: 210px;"></canvas>
|
||||
<iframe style="top: 370px;"></iframe>
|
||||
<svg style="top: 530px;" width="300" height="20"></svg>
|
||||
</div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<link rel="author" title="David Shin" href="mailto:dshin@mozilla.com">
|
||||
<link rel="author" href="https://mozilla.org" title="Mozilla">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow">
|
||||
<meta name="assert" content="This test checks that absolutely positioned elements are positioned correctly, when their writing mode is different from that of their containing block." />
|
||||
<link rel="match" href="abs-pos-replaced-vrl-001-ref.html">
|
||||
<style>
|
||||
.vert-cb {
|
||||
position: relative;
|
||||
width: 250px;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
.horiz-parent {
|
||||
width: 150px;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
audio, video, canvas, iframe, svg {
|
||||
position: absolute;
|
||||
border: 1px solid blue;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="vert-cb">
|
||||
<div class="horiz-parent">
|
||||
<audio controls></audio>
|
||||
<video controls style="top: 50px;"></video>
|
||||
<canvas style="top: 210px;"></canvas>
|
||||
<iframe style="top: 370px;"></iframe>
|
||||
<!-- Note: Including width/height attrs in order to test SVG without
|
||||
hitting https://bugzilla.mozilla.org/show_bug.cgi?id=1766304 -->
|
||||
<svg style="top: 530px;" width="300" height="20"></svg>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,54 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<link rel="author" title="David Shin" href="mailto:dshin@mozilla.com">
|
||||
<link rel="author" href="https://mozilla.org" title="Mozilla">
|
||||
<style>
|
||||
body { margin: 0; }
|
||||
.vert-cb {
|
||||
position: relative;
|
||||
width: 150px;
|
||||
height: 60px;
|
||||
writing-mode: vertical-lr;
|
||||
direction: rtl;
|
||||
background: lightblue;
|
||||
border: solid gray;
|
||||
border-width: 1px 2px 3px 4px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.horiz-parent {
|
||||
width: 120px;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
border: solid orange;
|
||||
border-width: 4px 3px 2px 1px;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
.abspos-equivalent {
|
||||
height: 40px;
|
||||
background: pink;
|
||||
border: solid black;
|
||||
border-width: 2px 1px 4px 3px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="vert-cb">
|
||||
<div class="horiz-parent">
|
||||
<div class="abspos-equivalent" style="width: max-content">Hello</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="vert-cb">
|
||||
<div class="horiz-parent">
|
||||
<div class="abspos-equivalent" style="width: 100px">Hello</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="vert-cb">
|
||||
<div class="horiz-parent">
|
||||
<canvas class="abspos-equivalent" height="40px" width="100px"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
<div class="vert-cb">
|
||||
<div class="horiz-parent">
|
||||
<img src="broken" class="abspos-equivalent" height="40px" width="100px">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,59 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<link rel="author" title="David Shin" href="mailto:dshin@mozilla.com">
|
||||
<link rel="author" href="https://mozilla.org" title="Mozilla">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow">
|
||||
<meta name="assert" content="This test checks that absolutely positioned elements are offset correctly in a containing block with an orthogonal writing mode and that has a border." />
|
||||
<link rel="match" href="abs-pos-vlr-border-001-ref.html">
|
||||
<style>
|
||||
body { margin: 0; }
|
||||
.vert-cb {
|
||||
position: relative;
|
||||
width: 150px;
|
||||
height: 60px;
|
||||
writing-mode: vertical-lr;
|
||||
direction: rtl;
|
||||
background: lightblue;
|
||||
border: solid gray;
|
||||
border-width: 1px 2px 3px 4px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.horiz-parent {
|
||||
width: 120px;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
border: solid orange;
|
||||
border-width: 4px 3px 2px 1px;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
.abspos {
|
||||
position: absolute;
|
||||
/* Specify a height to work around https://bugzilla.mozilla.org/1769102 */
|
||||
height: 40px;
|
||||
background: pink;
|
||||
border: solid black;
|
||||
border-width: 2px 1px 4px 3px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="vert-cb">
|
||||
<div class="horiz-parent">
|
||||
<div class="abspos" style="width: max-content">Hello</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="vert-cb">
|
||||
<div class="horiz-parent">
|
||||
<div class="abspos" style="width: 100px">Hello</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="vert-cb">
|
||||
<div class="horiz-parent">
|
||||
<canvas class="abspos" height="40px" width="100px"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
<div class="vert-cb">
|
||||
<div class="horiz-parent">
|
||||
<img src="broken" class="abspos" height="40px" width="100px">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,53 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<link rel="author" title="David Shin" href="mailto:dshin@mozilla.com">
|
||||
<link rel="author" href="https://mozilla.org" title="Mozilla">
|
||||
<style>
|
||||
body { margin: 0; }
|
||||
.vert-cb {
|
||||
position: relative;
|
||||
width: 150px;
|
||||
height: 60px;
|
||||
writing-mode: vertical-lr;
|
||||
direction: rtl;
|
||||
background: lightblue;
|
||||
padding: 1px 2px 3px 4px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.horiz-parent {
|
||||
width: 120px;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
border: solid orange;
|
||||
border-width: 4px 3px 2px 1px;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
.abspos-equivalent {
|
||||
height: 40px;
|
||||
background: pink;
|
||||
border: solid black;
|
||||
border-width: 2px 1px 4px 3px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="vert-cb">
|
||||
<div class="horiz-parent">
|
||||
<div class="abspos-equivalent" style="width: max-content">Hello</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="vert-cb">
|
||||
<div class="horiz-parent">
|
||||
<div class="abspos-equivalent" style="width: 100px">Hello</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="vert-cb">
|
||||
<div class="horiz-parent">
|
||||
<canvas class="abspos-equivalent" height="40px" width="100px"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
<div class="vert-cb">
|
||||
<div class="horiz-parent">
|
||||
<img src="broken" class="abspos-equivalent" height="40px" width="100px">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<link rel="author" title="David Shin" href="mailto:dshin@mozilla.com">
|
||||
<link rel="author" href="https://mozilla.org" title="Mozilla">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow">
|
||||
<meta name="assert" content="This test checks that absolutely positioned elements are offset correctly in a containing block with a different writing mode and that has padding." />
|
||||
<link rel="match" href="abs-pos-vlr-padding-001-ref.html">
|
||||
<style>
|
||||
body { margin: 0; }
|
||||
.vert-cb {
|
||||
position: relative;
|
||||
width: 150px;
|
||||
height: 60px;
|
||||
writing-mode: vertical-lr;
|
||||
direction: rtl;
|
||||
background: lightblue;
|
||||
padding: 1px 2px 3px 4px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.horiz-parent {
|
||||
width: 120px;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
border: solid orange;
|
||||
border-width: 4px 3px 2px 1px;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
.abspos {
|
||||
position: absolute;
|
||||
/* Specify a height to work around https://bugzilla.mozilla.org/1769102 */
|
||||
height: 40px;
|
||||
background: pink;
|
||||
border: solid black;
|
||||
border-width: 2px 1px 4px 3px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="vert-cb">
|
||||
<div class="horiz-parent">
|
||||
<div class="abspos" style="width: max-content">Hello</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="vert-cb">
|
||||
<div class="horiz-parent">
|
||||
<div class="abspos" style="width: 100px">Hello</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="vert-cb">
|
||||
<div class="horiz-parent">
|
||||
<canvas class="abspos" height="40px" width="100px"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
<div class="vert-cb">
|
||||
<div class="horiz-parent">
|
||||
<img src="broken" class="abspos" height="40px" width="100px">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
|
||||
<link rel="match" href="reference/available-size-001-ref.html">
|
||||
<meta name="assert" content="When an orthogonal flow's parent doesn't have a definite block size and the nearest ancestor scroller does not have a fixed height but does have a fixed max-height, use that, making sure you stick with the content height.">
|
||||
<meta name="flags" content="">
|
||||
<style>
|
||||
body > div {
|
||||
font-family: monospace; /* to be able to reliably measure things in ch*/
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
|
||||
<link rel="match" href="reference/available-size-002-ref.html">
|
||||
<meta name="assert" content="When an orthogonal flow's ancestor doesn't have a definite block size but does have a fixed max-height, but isn't a scroller, do not use that size.">
|
||||
<meta name="flags" content="">
|
||||
<style>
|
||||
body > div {
|
||||
font-family: monospace; /* to be able to reliably measure things in ch*/
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
|
||||
<link rel="match" href="reference/available-size-001-ref.html">
|
||||
<meta name="assert" content="When an orthogonal flow's parent doesn't have a definite block size and the nearest ancestor scroller does have a fixed height, use that, making sure you stick with the content height.">
|
||||
<meta name="flags" content="">
|
||||
<style>
|
||||
#scroller {
|
||||
font-family: monospace; /* to be able to reliably measure things in ch*/
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
|
||||
<link rel="match" href="reference/available-size-002-ref.html">
|
||||
<meta name="assert" content="When an orthogonal flow's parent doesn't have a definite block size but an ancestor that is **not** a scroller does have a fixed height, do not use that.">
|
||||
<meta name="flags" content="">
|
||||
<style>
|
||||
body > div {
|
||||
font-family: monospace; /* to be able to reliably measure things in ch*/
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
|
||||
<link rel="match" href="reference/available-size-001-ref.html">
|
||||
<meta name="assert" content="When an orthogonal flow's parent doesn't have a definite block size and the nearest ancestor scroller does a have fixed height, use that whole height, even if some other content already consumes some of it.">
|
||||
<meta name="flags" content="">
|
||||
<style>
|
||||
#scroller {
|
||||
font-family: monospace; /* to be able to reliably measure things in ch*/
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
|
||||
<link rel="match" href="reference/available-size-002-ref.html">
|
||||
<meta name="assert" content="When an orthogonal flow's parent doesn't have a definite block size, and there's no scroller among ancestors, use the ICB instead.">
|
||||
<meta name="flags" content="">
|
||||
<style>
|
||||
body { margin-top: 0; margin-bottom: 0; } /* Shouldn't matter, but in some browsers does. -007 tests this aspect specifically. */
|
||||
:root { overflow: hidden; }
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
|
||||
<link rel="match" href="reference/available-size-002-ref.html">
|
||||
<meta name="assert" content="When an orthogonal flow's parent doesn't have a definite block size, and there's no scroller among ancestors, use the ICB instead (not the content height of the body element, which is the ICB reduced by body's margins).">
|
||||
<meta name="flags" content="">
|
||||
<style>
|
||||
div {
|
||||
writing-mode: vertical-rl;
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
|
||||
<link rel="match" href="reference/available-size-002-ref.html">
|
||||
<meta name="assert" content="When an orthogonal flow's parent doesn't have a definite block size, and there's a scroller with max-height, but that scroller has a taller max-height than the ICB, use the ICB instead.">
|
||||
<meta name="flags" content="">
|
||||
<style>
|
||||
body { margin-top: 0; margin-bottom: 0; } /* Shouldn't matter, but in some browsers does. -007 tests this aspect specifically. */
|
||||
div div {
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
|
||||
<link rel="match" href="reference/available-size-002-ref.html">
|
||||
<meta name="assert" content="When an orthogonal flow's parent doesn't have a definite block size, and there's a scroller with height, but that scroller is taller than the ICB, use the ICB instead.">
|
||||
<meta name="flags" content="">
|
||||
<style>
|
||||
body { margin-top: 0; margin-bottom: 0; } /* Shouldn't matter, but in some browsers does. -007 tests this aspect specifically. */
|
||||
:root { overflow: hidden; }
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
|
||||
<link rel="match" href="reference/available-size-002-ref.html">
|
||||
<meta name="assert" content="When an orthogonal flow's parent doesn't have a definite block size, and the nearest scroller goes not have a fixed height or max-height, use the ICB, even if there is another scroller ancestor up the chain that does have fixed dimensions.">
|
||||
<meta name="flags" content="">
|
||||
<style>
|
||||
body { margin-top: 0; margin-bottom: 0; } /* Shouldn't matter, but in some browsers does. -007 tests this aspect specifically. */
|
||||
:root { overflow: hidden; }
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
|
||||
<meta name="assert" content="If an orthogonal flow's parent doesn't have a definite block size but does have a max block size, use that as the available size">
|
||||
<link rel="match" href="reference/available-size-011-ref.html">
|
||||
<meta name="flags" content="">
|
||||
<style>
|
||||
main {
|
||||
max-height: 1em;
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
|
||||
<link rel="match" href="reference/available-size-001-ref.html">
|
||||
<meta name="assert" content="When an orthogonal flow's parent doesn't have a definite block size and the nearest ancestor scroller does not have a fixed height but does have a fixed max-height, use that, increased by min-height if it exists and is larger. (same as -001, with min-height)">
|
||||
<meta name="flags" content="">
|
||||
<style>
|
||||
body > div {
|
||||
font-family: monospace; /* to be able to reliably measure things in ch*/
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
|
||||
<link rel="match" href="reference/available-size-001-ref.html">
|
||||
<meta name="assert" content="When an orthogonal flow's parent doesn't have a definite block size and the nearest ancestor scroller does have a fixed height, use that, increased by the min-height if it is set and is larger (same as -003, with min-height).">
|
||||
<meta name="flags" content="">
|
||||
<style>
|
||||
#scroller {
|
||||
font-family: monospace; /* to be able to reliably measure things in ch*/
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
|
||||
<link rel="match" href="reference/available-size-001-ref.html">
|
||||
<meta name="assert" content="When an orthogonal flow's parent doesn't have a definite block size and the nearest ancestor scroller does a have fixed height, use that whole height increased by min-height if that's larger, even if some other content already consumes some of it (same as -005, with min-height).">
|
||||
<meta name="flags" content="">
|
||||
<style>
|
||||
#scroller {
|
||||
font-family: monospace; /* to be able to reliably measure things in ch*/
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
|
||||
<link rel="match" href="reference/available-size-002-ref.html">
|
||||
<meta name="assert" content="When an orthogonal flow's parent doesn't have a definite block size, and there's a scroller with max-height and min-height, and max-height is smaller than the ICB but min-height is larger than the ICB, use the ICB as the available space (same as -008, with min-height).">
|
||||
<meta name="flags" content="">
|
||||
<style>
|
||||
body { margin-top: 0; margin-bottom: 0; } /* Shouldn't matter, but in some browsers does. -007 tests this aspect specifically. */
|
||||
:root { overflow: hidden; }
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
|
||||
<link rel="match" href="reference/available-size-002-ref.html">
|
||||
<meta name="assert" content="When an orthogonal flow's parent doesn't have a definite block size, and there's a scroller with height and min-height, and height is smaller than the ICB but min-height is larger than the ICB, use the ICB as the available space (same as -009, with min-height).">
|
||||
<meta name="flags" content="">
|
||||
<style>
|
||||
body { margin-top: 0; margin-bottom: 0; } /* Shouldn't matter, but in some browsers does. -007 tests this aspect specifically. */
|
||||
:root { overflow: hidden; }
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
|
||||
<link rel="match" href="reference/available-size-002-ref.html">
|
||||
<meta name="assert" content="When an orthogonal flow's parent has a height and a min-height larger than the height, use min-height as the available size.">
|
||||
<meta name="flags" content="">
|
||||
<style>
|
||||
body > div {
|
||||
font-family: monospace; /* to be able to reliably measure things in ch*/
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
|
||||
<link rel="match" href="reference/available-size-002-ref.html">
|
||||
<meta name="assert" content="When an orthogonal flow's parent has a max-height and a min-height larger than the height, use min-height as the available size.">
|
||||
<meta name="flags" content="">
|
||||
<style>
|
||||
body > div {
|
||||
font-family: monospace; /* to be able to reliably measure things in ch*/
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
|
||||
<link rel="match" href="reference/available-size-002-ref.html">
|
||||
<meta name="assert" content="When an orthogonal flow's parent doesn't have a definite block size, but has a max-height, but that max-height is than the ICB, use the ICB instead.">
|
||||
<meta name="flags" content="">
|
||||
<style>
|
||||
body { margin-top: 0; margin-bottom: 0; } /* Shouldn't matter, but in some browsers does. -007 tests this aspect specifically. */
|
||||
:root { overflow: hidden; }
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -16,7 +16,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -16,7 +16,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table)." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -16,7 +16,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -16,7 +16,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="When two adjacent cells have the same 'border-width' value and the same 'border-style' value in a 'border-collapse: collapse' table, then the color of the border of the cell closest to line-left side wins (if the table's 'direction' is 'ltr'; line-right side, if it is 'rtl') and the color of the border of the cell closest to block-start side wins." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that, in border-collapsing model, when 'border-style' values and 'border-width' values are identical, then the 'border-color' set on a cell wins over the 'border-color' set on a row (5th table), the 'border-color' set on a cell wins over the 'border-color' set on a row group (tfoot in 4th table, thead in 3rd table, tbody in 2nd table) and the 'border-color' set on a cell wins over the 'border-color' set on a table element (1st table)." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that contiguous floated border-collapsing tables in a 'vertical-lr' context do not overlap." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that contiguous floated non-border-collapsing tables in a 'vertical-lr' context do not overlap." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that contiguous floated border-collapsing tables in a 'vertical-rl' context do not overlap." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that contiguous floated non-border-collapsing tables in a 'vertical-rl' context do not overlap." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -0,0 +1,14 @@
|
|||
<!doctype html>
|
||||
<link rel="help" href="https://crbug.com/1303287">
|
||||
<style>
|
||||
html {
|
||||
display: table;
|
||||
border-right: solid;
|
||||
}
|
||||
head { display: inline; }
|
||||
body { direction: rtl; }
|
||||
</style>
|
||||
<body></body>
|
||||
<script>
|
||||
requestAnimationFrame(() => requestAnimationFrame(() => document.body.remove()));
|
||||
</script>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="help" href="https://crbug.com/1329417">
|
||||
<style>
|
||||
select {
|
||||
unicode-bidi: bidi-override;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<select>
|
||||
<option>Test1</option>
|
||||
<option id="opt" hidden="hidden">Test2</option>
|
||||
</select>
|
||||
</body>
|
||||
<script>
|
||||
document.body.offsetTop;
|
||||
opt.defaultSelected = true;
|
||||
window.getSelection().selectAllChildren(document.body);
|
||||
document.vlinkColor = "red";
|
||||
</script>
|
||||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#block-flow" title="3.1 Block Flow Direction: the writing-mode property" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that if an inline box has a different block flow direction than its containing block then its display computes to 'inline-block' in which case its specified width and specified height are not ignored and have to be rendered." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#block-flow" title="3.1 Block Flow Direction: the writing-mode property" />
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that if an inline box has a different block flow direction than its containing block then its display computes to 'inline-block' in which case its specified width and specified height are not ignored and have to be rendered." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@
|
|||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
html
|
||||
|
|
|
|||
|
|
@ -18,7 +18,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto" />
|
||||
<link rel="match" href="float-lft-orthog-htb-in-vlr-002-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks the horizontal position of an orthogonal floated left block box inside a vertical-lr parent. The orthogonal floated left block box must be put as far to the left as possible inside the vertical-lr line box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@
|
|||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
html
|
||||
|
|
|
|||
|
|
@ -18,7 +18,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto" />
|
||||
<link rel="match" href="float-lft-orthog-htb-in-vrl-002-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks the horizontal position of an orthogonal floated left block box inside an vertical-rl parent. The orthogonal floated left block box must be put as far to the right as possible inside the vertical-rl line box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@
|
|||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div#horiz-parent
|
||||
|
|
|
|||
|
|
@ -18,7 +18,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto" />
|
||||
<link rel="match" href="float-lft-orthog-vlr-in-htb-002-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks the vertical position of an orthogonal floated left block box inside an horizontal-tb parent. The orthogonal floated left block box must be put as high as possible inside the horizontal-tb line box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@
|
|||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div#horiz-parent
|
||||
|
|
|
|||
|
|
@ -18,7 +18,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto" />
|
||||
<link rel="match" href="float-lft-orthog-vrl-in-htb-002-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks the vertical position of an orthogonal floated left block box inside an horizontal-tb parent. The orthogonal floated left block box must be put as high as possible inside the horizontal-tb line box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@
|
|||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
html
|
||||
|
|
|
|||
|
|
@ -18,7 +18,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto" />
|
||||
<link rel="match" href="float-rgt-orthog-htb-in-vlr-003-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks the horizontal position of an orthogonal floated right block box inside a vertical-lr parent. The orthogonal floated right block box must be put as far to the left as possible inside the vertical-lr line box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@
|
|||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
html
|
||||
|
|
|
|||
|
|
@ -18,7 +18,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto" />
|
||||
<link rel="match" href="float-rgt-orthog-htb-in-vrl-003-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks the horizontal position of an orthogonal floated right block box inside a vertical-rl parent. The orthogonal floated right block box must be put as far to the right as possible inside the vertical-rl line box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@
|
|||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div#horiz-parent
|
||||
|
|
|
|||
|
|
@ -18,7 +18,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto" />
|
||||
<link rel="match" href="float-rgt-orthog-vlr-in-htb-003-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks the vertical position of an orthogonal floated right block box inside an horizontal-tb parent. The orthogonal floated right block box must be put as high as possible inside the horizontal-tb line box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@
|
|||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div#horiz-parent
|
||||
|
|
|
|||
|
|
@ -18,7 +18,6 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto" />
|
||||
<link rel="match" href="float-rgt-orthog-vrl-in-htb-003-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks the vertical position of an orthogonal floated right block box inside an horizontal-tb parent. The orthogonal floated right block box must be put as high as possible inside the horizontal-tb line box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" title="7.1 Principles of Layout in Vertical Writing Modes" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" />
|
||||
<link rel="match" href="horizontal-rule-vrl-004-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that an horizontal rule (<hr> element) with 'vertical-lr' writing-mode but inside an 'horizontal-tb' writing-mode context must be rendered as an horizontal rule." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
hr
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
<link rel="help" title="7.1 Principles of Layout in Vertical Writing Modes" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" />
|
||||
<link rel="match" href="horizontal-rule-vrl-004-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that an horizontal rule (<hr> element) with 'vertical-rl' writing-mode but inside an 'horizontal-tb' writing-mode context must be rendered as an horizontal rule." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -16,7 +16,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading" />
|
||||
<link rel="match" href="line-box-height-vlr-003-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accommodate transparent 'border-left' of inline box and transparent 'border-right' of inline box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -16,7 +16,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading" />
|
||||
<link rel="match" href="line-box-height-vlr-003-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accommodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -16,7 +16,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading" />
|
||||
<link rel="match" href="line-box-height-vlr-007-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accommodate transparent 'border-left' of inline box and transparent 'border-right' of inline box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
|
|
@ -16,7 +16,6 @@
|
|||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height" title="10.8.1 Leading and half-leading" />
|
||||
<link rel="match" href="line-box-height-vlr-007-ref.xht" />
|
||||
|
||||
<meta content="" name="flags" />
|
||||
<meta content="This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accommodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue