mirror of
https://github.com/servo/servo.git
synced 2025-08-07 06:25:32 +01:00
Update web-platform-tests to revision 66e7f134c43e83a70edf4028ec4738ddfea28e15
This commit is contained in:
parent
145c3a5502
commit
d23cb97662
97 changed files with 2817 additions and 110 deletions
|
@ -0,0 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
Tests that auto-height column flexboxes with border and padding correctly size their height to their content.
|
||||
<div style="border: 5px solid salmon; padding: 5px; overflow: scroll">
|
||||
<div>
|
||||
<div style="height: 50px; background-color: pink">
|
||||
<div>
|
||||
</div>
|
|
@ -0,0 +1,46 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
.outer {
|
||||
height: 100px;
|
||||
overflow:scroll;
|
||||
}
|
||||
.outer > div, td:nth-child(1) {
|
||||
background-color: lightgreen;
|
||||
}
|
||||
td:nth-child(2) {
|
||||
background-color: lightblue;
|
||||
}
|
||||
table, td {
|
||||
padding: 0;
|
||||
border-spacing: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>This tests that when setting the height of a flex item to a percentage
|
||||
height, we use the content height with scrollbars. The content should not be
|
||||
scrollable in any of the test cases below.</p>
|
||||
|
||||
<div class="outer">
|
||||
<div style="height: 100%"></div>
|
||||
</div>
|
||||
|
||||
<div class="outer">
|
||||
<div style="height: 100%; box-sizing: border-box; border: 5px solid green"></div>
|
||||
</div>
|
||||
|
||||
<div class="outer">
|
||||
<div style="display:inline-block; height: 50px; width: 50%;"></div><div
|
||||
style="display:inline-block; height: 50px; width: 50%; background-color: lightblue"></div>
|
||||
</div>
|
||||
<div class="outer" style="padding: 10px; height: auto">
|
||||
<table style="margin: 0; padding: 0; width: 600px">
|
||||
<tr>
|
||||
<td style="width: 50%; height: 50px"></td>
|
||||
<td style="width: 50%; height: 50px"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<style>
|
||||
#flexbox {
|
||||
background-color: lightgrey;
|
||||
}
|
||||
#flexbox > * {
|
||||
border: 1px solid green;
|
||||
vertical-align: top;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>
|
||||
This example is from the spec. There should be four flex items. Anonymous item 3 shouldn't have
|
||||
a green border because the anonymous block is the flex item.
|
||||
</p>
|
||||
<div id="flexbox">
|
||||
<div style="display: inline-block">block</div><div
|
||||
style="display: inline-block">float</div><div
|
||||
style="display: inline-block; border: 0">anonymous item 3</div><div
|
||||
style="display: inline-block">
|
||||
item 4<br>
|
||||
item 4<br>
|
||||
item 4
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue