mirror of
https://github.com/servo/servo.git
synced 2025-08-15 02:15:33 +01:00
Update web-platform-tests to revision e2eb25aaa6dd3c512b172588f3400f9c25a410c3
This commit is contained in:
parent
3d4a416c6b
commit
8b66216ed2
484 changed files with 1945 additions and 1089 deletions
|
@ -0,0 +1,70 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>
|
||||
CSS Test: baseline of scrollable "details" element should be derived
|
||||
from its margin-box.
|
||||
</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align/#baseline-export">
|
||||
<link rel="match" href="reference/baseline-of-scrollable-2-ref.html">
|
||||
<style>
|
||||
.overflow-ib {
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
details {
|
||||
height: 40px;
|
||||
width: 100px;
|
||||
/* Transparent text & "details-arrow", so that it's easier to make
|
||||
a simple reference case: */
|
||||
color: transparent;
|
||||
border-color: gray;
|
||||
border-style: solid;
|
||||
border-width: 2px 3px 4px 5px;
|
||||
padding: 4px 5px 7px 8px;
|
||||
margin: 1px 2px 3px 4px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
Test passes if the a/b text aligns with the bottom margin-edge of the
|
||||
gray rects.
|
||||
<br><br>
|
||||
|
||||
a
|
||||
<details class="overflow-ib">
|
||||
c<br>d<br>e<br>f<br>g
|
||||
</details>
|
||||
b
|
||||
<br>
|
||||
|
||||
a
|
||||
<details class="overflow-ib" open>
|
||||
c<br>d<br>e<br>f<br>g
|
||||
</details>
|
||||
b
|
||||
<br>
|
||||
|
||||
a
|
||||
<div class="overflow-ib">
|
||||
<details>
|
||||
c<br>d<br>e<br>f<br>g
|
||||
</details>
|
||||
</div>
|
||||
b
|
||||
<br>
|
||||
|
||||
a
|
||||
<div class="overflow-ib">
|
||||
<details open>
|
||||
c<br>d<br>e<br>f<br>g
|
||||
</details>
|
||||
</div>
|
||||
b
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,52 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>
|
||||
CSS Reference Case
|
||||
</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
|
||||
<style>
|
||||
/* For this reference case, we use an empty block in place of the testcase's
|
||||
"details" element, because empty blocks derive their baseline from their
|
||||
margin-box (and that's the behavior that we're expecting from the
|
||||
"details" elements in our testcase). */
|
||||
.details-ref {
|
||||
display: inline-block;
|
||||
height: 40px;
|
||||
width: 100px;
|
||||
border-color: gray;
|
||||
border-style: solid;
|
||||
border-width: 2px 3px 4px 5px;
|
||||
padding: 4px 5px 7px 8px;
|
||||
margin: 1px 2px 3px 4px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
Test passes if the a/b text aligns with the bottom margin-edge of the
|
||||
gray rects.
|
||||
<br><br>
|
||||
|
||||
a
|
||||
<div class="details-ref"></div>
|
||||
b
|
||||
<br>
|
||||
|
||||
a
|
||||
<div class="details-ref"></div>
|
||||
b
|
||||
<br>
|
||||
|
||||
a
|
||||
<div class="details-ref"></div>
|
||||
b
|
||||
<br>
|
||||
|
||||
a
|
||||
<div class="details-ref"></div>
|
||||
b
|
||||
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue