32 lines
891 B
HTML
32 lines
891 B
HTML
<!DOCTYPE html>
|
|
<link rel=author href="mailto:jarhar@chromium.org">
|
|
<link rel=help href="https://github.com/w3c/csswg-drafts/issues/8389">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
|
|
<dialog>
|
|
<button>button</button>
|
|
</dialog>
|
|
|
|
<style>
|
|
dialog.ready {
|
|
transition: display 500ms;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
promise_test(async () => {
|
|
const dialog = document.querySelector('dialog');
|
|
const button = document.querySelector('button');
|
|
|
|
dialog.showModal();
|
|
button.blur(); // Dialog initial focus focused the button
|
|
dialog.classList.add('ready');
|
|
|
|
dialog.close();
|
|
await new Promise(resolve => requestAnimationFrame(resolve));
|
|
button.focus();
|
|
|
|
assert_not_equals(document.activeElement, button, 'Inert elements should not be focusable.');
|
|
}, 'Elements which are transitioning to display:none should be inert.');
|
|
</script>
|