| <!DOCTYPE html> |
| <html class=reftest-wait> |
| <link rel=author href="mailto:[email protected]"> |
| <link rel=help href="https://drafts.csswg.org/css-position-4/#overlay"> |
| <link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=1451910"> |
| <link rel=help href="https://github.com/whatwg/html/pull/9387"> |
| <link rel=match href="overlay-transition-dialog-ref.html"> |
| |
| <dialog>dialog</dialog> |
| |
| <style> |
| dialog.animate { |
| transition: overlay 2s allow-discrete, display 2s allow-discrete; |
| } |
| </style> |
| |
| <script> |
| const dialog = document.querySelector('dialog'); |
| dialog.showModal(); |
| dialog.classList.add('animate'); |
| dialog.close(); |
| requestAnimationFrame(() => { |
| requestAnimationFrame(() => { |
| document.documentElement.classList.remove('reftest-wait'); |
| }); |
| }); |
| </script> |
