content-with-top-layer-ref.html

Enable keyboard shortcuts

<!doctype html>

<meta charset="utf8">

<title>CSS Content Visibility: dialog shows when rendered (ref)</title>

<style>

.box { width: 100px; height: 100px; border: 1px solid black; }

dialog { outline: none; }

</style>

<div id=container class=box>

This test passes if you can see “PASS” in a white box.

<dialog id=dialog>PASS<div id=inner></div></dialog>

</div>

text

<script>

dialog.showModal();

</script>