mirror of
https://github.com/servo/servo.git
synced 2025-08-17 11:25:35 +01:00
Update web-platform-tests to revision e426a6933a05bf144eba06a1d4c47ba876a4e2d1
This commit is contained in:
parent
415b26e4f1
commit
5e5eccabf8
495 changed files with 14920 additions and 784 deletions
|
@ -0,0 +1,75 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
|
||||
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
|
||||
<style>
|
||||
#container {
|
||||
width: 100px;
|
||||
background: green;
|
||||
}
|
||||
#left {
|
||||
float: left;
|
||||
width: 25px;
|
||||
height: 10px;
|
||||
}
|
||||
#right {
|
||||
float: right;
|
||||
width: 25px;
|
||||
height: 20px;
|
||||
}
|
||||
#clears-left {
|
||||
clear: left;
|
||||
}
|
||||
#zero {
|
||||
margin-bottom: 40px;
|
||||
margin-top: -20px;
|
||||
}
|
||||
#nested-float {
|
||||
float: left;
|
||||
width: 25px;
|
||||
height: 20px;
|
||||
}
|
||||
#new-formatting-context {
|
||||
overflow: hidden;
|
||||
width: 60px;
|
||||
height: 80px;
|
||||
margin-top: -30px;
|
||||
}
|
||||
</style>
|
||||
<p>Test passes if there is a filled green square.</p>
|
||||
<div id=container>
|
||||
<div id=left></div>
|
||||
<div id=right></div>
|
||||
<div>
|
||||
<div id=clears-left>
|
||||
<div>
|
||||
<div id=zero></div>
|
||||
<div id=nested-float></div>
|
||||
<!--
|
||||
The margins up to this new formatting context are chosen to hit an
|
||||
edge condition. At this point there are two possible margins:
|
||||
- (adjoining) {-30px, 40px} => 10px
|
||||
- (non-adjoining) {-20px, 40px} => 20px
|
||||
|
||||
The logic for placing this new formatting context however shouldn't
|
||||
check these margins, as there is an ancestor ("clears-left") which
|
||||
has clearance past adjoining floats ("left", and "right").
|
||||
|
||||
And "nested-float" should get placed at "10px".
|
||||
|
||||
However if we didn't have this logic the following would occur.
|
||||
1. We'd try and place the formatting context using the "adjoining"
|
||||
margins.
|
||||
2. The new formatting context doesn't "fit" on the same edge as the
|
||||
floats, so it would trigger a retry using with a new position
|
||||
calculated using the "non-adjoining" margins.
|
||||
3. During the next pass, it still doesn't think the margins have
|
||||
been separated yet as the parent is still using the position
|
||||
calculated by the forced clearance from above.
|
||||
4. It will trigger a retry again (and if an implementation does this
|
||||
in a loop, will timeout).
|
||||
-->
|
||||
<div id=new-formatting-context></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square.xht" />
|
||||
<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#flow-control" title="9.5.2 Controlling flow next to floats: the 'clear' property">
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div style="overflow: hidden; width: 100px; background: red; position: relative;">
|
||||
<div style="float: left; height: 50px; width: 50px; background: green"></div>
|
||||
<div style="height: 40px; background: green;"></div>
|
||||
<div style="margin-top: 15px; clear: both;">
|
||||
<div style="width: 50px; height: 50px; background: green; float: left;"></div>
|
||||
<div style="margin-top: -10px;">
|
||||
<span style="display: inline-block; width: 50px; height: 40px; background: green;"></span>
|
||||
</div>
|
||||
<div style="position: absolute; width: 50px; height: 10px; right: 0; top: 40px; background: green;"></div>
|
||||
<div style="position: absolute; width: 50px; height: 10px; right: 0; bottom: 0; background: green;"></div>
|
||||
</div>
|
||||
</div>
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
|
||||
<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins" title="8.3.1 Collapsing margins">
|
||||
<link rel="help" href="http://crbug.com/962175">
|
||||
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
|
||||
<meta name="assert" content="A percentage height is unresolvable (i.e. gets treated as auto) if the containing block is auto.">
|
||||
<p>Test passes if there is a filled green square.</p>
|
||||
<div style="height:200px;">
|
||||
<div style="overflow:hidden; width:100px; background:green;">
|
||||
<div style="margin-bottom:100px;"></div>
|
||||
<div style="height:30%;"></div>
|
||||
<div style="margin-top:100px;"></div>
|
||||
</div>
|
||||
</div>
|
|
@ -0,0 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
|
||||
<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins">
|
||||
<p>Test passes if there is a filled green square.</p>
|
||||
<div style="width:100px; max-height:50px; background: green;">
|
||||
<div style="width:100px; height:51px; background:green; margin-bottom:10px;"></div>
|
||||
</div>
|
||||
<div style="width: 100px; height: 50px; background: green;"></div>
|
|
@ -0,0 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
|
||||
<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins">
|
||||
<p>Test passes if there is a filled green square.</p>
|
||||
<div style="width:100px; min-height:50px; background: green;">
|
||||
<div style="width:100px; height:49px; background:green; margin-bottom:10px;"></div>
|
||||
</div>
|
||||
<div style="width: 100px; height: 50px; background: green;"></div>
|
Loading…
Add table
Add a link
Reference in a new issue