Update web-platform-tests to revision 66e7f134c43e83a70edf4028ec4738ddfea28e15

This commit is contained in:
WPT Sync Bot 2020-03-26 08:19:21 +00:00
parent 145c3a5502
commit d23cb97662
97 changed files with 2817 additions and 110 deletions

View file

@ -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>

View file

@ -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>

View file

@ -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>