Update web-platform-tests to revision b'2d7c53f5bc604132d2c83955537e454ee9c788c0'

This commit is contained in:
WPT Sync Bot 2023-01-18 01:45:07 +00:00
parent 619a46113f
commit 1c6b303ef2
396 changed files with 29611 additions and 1967 deletions

View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<style>
html {
overflow: hidden;
}
dialog {
container-type: size;
width: 100px;
height: 100px;
}
@container (width > 1px) {
dialog::backdrop {
margin: 10px;
background-color: green;
}
}
</style>
<dialog id=dialog>
Hello World
</dialog>
<script>
dialog.showModal();
</script>

View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<title>Don't crash with intermediate container in reversed list</title>
<link rel="help" href="https://drafts.csswg.org/css-contain-2/#containment-style">
<link rel="help" href="https://drafts.csswg.org/css-contain-2/#containment-style">
<link rel="help" href="https://crbug.com/1377644">
<style>
.container {
container-type: size;
}
/* Prevent double layout due to scrollbar speculation */
html {
overflow: hidden;
}
@container (width > 1px) {
.item {
display: list-item;
}
}
</style>
<ol reversed>
<li>A</li>
<div class=container>
<div class=item>
B
</div>
</div>
</ol>

View file

@ -0,0 +1,30 @@
<!doctype html>
<title>CSS Container Queries Test: ::backdrop appearing conditionally on dialog container</title>
<link rel="help" href="https://drafts.csswg.org/css-contain-3/#container-queries">
<link rel="match" href="top-layer-dialog-backdrop-ref.html">
<style>
html {
/* Prevent multiple layout passes due to scrollbars */
overflow: hidden;
background: red;
}
dialog {
container-type: size;
width: 100px;
height: 100px;
visibility: hidden;
}
dialog::backdrop {
display: none;
background-color: green;
}
@container (width > 1px) {
dialog::backdrop {
display: block;
}
}
</style>
<dialog id="dialog"></dialog>
<script>
dialog.showModal();
</script>

View file

@ -0,0 +1,30 @@
<!doctype html>
<title>CSS Container Queries Test: ::backdrop disappearing conditionally on dialog container</title>
<link rel="help" href="https://drafts.csswg.org/css-contain-3/#container-queries">
<link rel="match" href="top-layer-dialog-backdrop-ref.html">
<style>
html {
/* Prevent multiple layout passes due to scrollbars */
overflow: hidden;
background: green;
}
dialog {
container-type: size;
width: 100px;
height: 100px;
visibility: hidden;
}
dialog::backdrop {
display: block;
background-color: red;
}
@container (width > 1px) {
dialog::backdrop {
display: none;
}
}
</style>
<dialog id="dialog"></dialog>
<script>
dialog.showModal();
</script>