Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-conditional/container-queries/crashtests/dialog-backdrop-display-none-crash.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>Font being loaded, dialog with ::backdrop display:none, dialog establishes an @container</title>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<style>
dialog {
container-type: size;
width: 20em;
height: 3em;
}
dialog::backdrop {
display: none;
}
@container (width > 1px) {
dialog::backdrop {
background: hotpink;
}
}
</style>
<style id="sheet"></style>
<dialog id="dialog"></dialog>
<script>
dialog.showModal();
sheet.innerText = "@font-face { font-family: notfound; src: url(notfound.ttf) }";
</script>