modal-dialog-sibling.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/semantics/interactive-elements/the-dialog-element/modal-dialog-sibling.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html>

<head>

<link rel="match" href="modal-dialog-sibling-ref.html">

<link rel="help" href="https://fullscreen.spec.whatwg.org/#new-stacking-layer">

<style>

dialog {

    background: green;

    border-color: green;

</style>

</head>

<body>

<p>Bug <a href="http://webkit.org/b/103477">103477</a>: Make

NodeRenderingContext::parentRenderer and nextRenderer top layer aware

<p>The test passes if you see a green rectangle in the center of the viewport.

<div style="display: none" id="div"></div>

<dialog id="dialog"></dialog>

<script>

document.getElementById('dialog').showModal();

document.getElementById('dialog').offsetTop;  // force a layout/renderer creation

document.getElementById('div').style.display = 'block';

</script>

</body>

</html>