modal-dialog-scroll-height.html (901B)
1 <!DOCTYPE html> 2 <meta name="viewport" content="width=device-width,initial-scale=1"> 3 <link rel=author href="mailto:jarhar@chromium.org"> 4 <link rel=author href="mailto:skobes@chromium.org"> 5 <link rel=help href="https://html.spec.whatwg.org/multipage/interactive-elements.html#the-dialog-element"> 6 <link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=403136"> 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 10 <style> 11 body { 12 margin: 0; 13 } 14 .spacer { 15 height: 500px; 16 } 17 dialog { 18 border: 0; 19 margin: 0; 20 padding: 1px; 21 } 22 </style> 23 <div class="spacer"></div> 24 <dialog> 25 <div class="spacer"></div> 26 </dialog> 27 28 <script> 29 test(() => { 30 document.querySelector('dialog').showModal(); 31 assert_equals(document.scrollingElement.scrollHeight, window.innerHeight); 32 }, 'dialogs should be centered before computing overflow.'); 33 </script>