testing/web-platform/tests/html/semantics/interactive-elements/the-dialog-element/dont-share-style-to-top-layer-ref.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<!doctype html>
<style>
dialog {
  outline: none;
}
#non-modal {
    position: static;
}
</style>
<p>Test that a non-top layer element doesn't share style with a top layer
element. The test passes if you see two boxes.</p>
<dialog id="non-modal" open></dialog>
<dialog id="modal"></dialog>
<script>
document.querySelector('#modal').showModal();
</script>