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