popover-inside-display-none.html (642B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <link rel=author href="mailto:masonf@chromium.org"> 4 <link rel=help href="https://open-ui.org/components/popover.research.explainer"> 5 <link rel=help href="https://html.spec.whatwg.org/multipage/popover.html"> 6 <link rel=match href="popover-inside-display-none-ref.html"> 7 8 No popover should be displayed here.<p> 9 10 <div style="display:none"> 11 <div popover>This content should be hidden</div> 12 </div> 13 14 <script> 15 const popover = document.querySelector('[popover]'); 16 popover.showPopover(); 17 if (!popover.matches(':popover-open')) 18 document.body.appendChild(document.createTextNode('FAIL')); 19 </script>