Bug 1832061 - Add a profiler frame label for UpdateContainerQueryStyles call with...
[gecko.git] / testing / web-platform / tests / html / semantics / popovers / popover-open-overflow-display.html
blob3d4d833063877ce1a9a3338d534709f94bdcdd77
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-open-overflow-display-ref.html">
8 <div id=container>
9 <div popover id=p1>This is popover 1<div id=anchor2></div></div>
10 <div popover id=p2 anchor=anchor2>This is popover 2<div id=anchor3></div></div>
11 <div popover id=p3 anchor=anchor3>This is popover 3</div>
12 </div>
14 <style>
15 #container {
16 overflow:hidden;
17 position: absolute;
18 top: 100px;
19 left: 50px;
20 width: 30px;
21 height: 30px;
23 #p2 {
24 position: absolute;
25 top: 100px;
27 #p3 {
28 position: relative;
29 top:200px;
31 </style>
33 <script>
34 document.querySelector('#p1').showPopover();
35 document.querySelector('#p2').showPopover();
36 document.querySelector('#p3').showPopover();
37 </script>