<button id="trigger" popovertarget="menu">Open</button>
<div popover id="menu" anchor="trigger">
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
</ul>
</div>
[popover] {
top: anchor(top);
left: calc(anchor(right) + 12px);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.