content-visibility-with-top-layer-and-auto-descendant.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-contain/content-visibility/content-visibility-with-top-layer-and-auto-descendant.html - WPT Dashboard Interop Dashboard

<!doctype html>

<html class="reftest-wait">

<meta charset="utf8">

<title>CSS Content Visibility: content-visibility: auto descendant in dialog is shown on showModal</title>

<link rel="author" title="Rob Buis" href="mailto:rbuis@igalia.com">

<link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility">

<link rel="match" href="content-visibility-with-top-layer-and-auto-descendant-ref.html">

<meta name="assert" content="content-visibility: auto descendant in dialog is shown on showModal">

<script src="/common/reftest-wait.js"></script>

<style>

#inner {

  content-visibility: auto;

  contain-intrinsic-size: 100px 100px;

</style>

<div id="spacer" style="height: 100vh"></div>

<dialog id="dialog" style="display: block; position: static;">

  <span id="inner">Test passes if this is visible</span>

</dialog>

<script>

function runTest() {

  dialog.showModal();

  requestAnimationFrame(takeScreenshot);

window.onload = runTest;

</script>

</html>