Multiple popovers with Popover API

[mgrubinger]

---

short: use popover=manual to show multiple popovers at a time

If you set popover=manual attribute on the popover trigger element (like the button that opens a popover), you can have multiple popover elements open at the same time.

Demo/Codepen:

<iframe height="300" style="width: 100%;" scrolling="no" title="CSS Popover API: multiple popovers" src="https://codepen.io/mgrubinger/embed/preview/wvbBOoK?default-tab=&editable=true" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true"> See the Pen CSS Popover API: multiple popovers by Martin Grubinger (@mgrubinger) on CodePen. </iframe>