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