modal-dialog-display-contents-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

<title>Reference: Test that display: contents; on modal dialog & ::backdrop acts like display: block</title>

<meta charset="utf-8">

<link rel="author" title="Tim Nguyen" href="https://github.com/nt1m">

<p>Test passes if there is a green dialog</p>

<p>Dialog is display:block</p>

<p>Dialog::backdrop is display:block</p>

<dialog>Dialog Contents</dialog>

<style>

dialog {

    background-color: green;

</style>

<script>

document.querySelector("dialog").showModal();

</script>

</html>