<!DOCTYPE html>
<html>
<head>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body id="body">
    <dialog>
        This is a dialog
    </dialog>
    <input />
<script>
"use strict";
function testFocus(element, expectFocus) {
    var focusedElement = null;
    element.addEventListener('focus', function() { focusedElement = element; }, false);
    element.focus();
    var theElement = element;
    assert_equals(focusedElement === theElement, expectFocus, element.id);
}

test(function() {
    var dialog = document.querySelector('dialog');
    dialog.showModal();

    var input = document.querySelector('input');
    testFocus(input, false);

    dialog.remove();
    testFocus(input, true);
}, "Test that removing dialog unblocks the document.");
</script>
</body>
</html>
