top-layer-backdrop-remove-add-ordering.html (596B)
1 <!DOCTYPE html> 2 <link rel=author href="mailto:jarhar@chromium.org"> 3 <link rel=help href="https://issues.chromium.org/issues/360158414"> 4 <link rel=match href="top-layer-backdrop-remove-add-ordering-ref.html"> 5 6 <style> 7 #popover1 { 8 top: 100px; 9 left: 100px; 10 width: 100px; 11 height: 100px; 12 } 13 </style> 14 15 <dialog id=dialog1>Dialog1</dialog> 16 <div popover=manual id=popover1>Popover1</div> 17 <script> 18 const popover1 = document.getElementById('popover1'); 19 const dialog1 = document.getElementById('dialog1'); 20 21 dialog1.showModal(); 22 popover1.showPopover(); 23 24 dialog1.close(); 25 dialog1.showModal(); 26 </script>