Positioning popver element

Hello, I am trying to use the popver api, but my problem is, that an element with the popover attribute positions itself differently. Example: https://jsfiddle.net/tjn592mk/2/ Notice how the popover is at the bottom of the page, but when you remove the popover attribute, it positions directly beneath the buttons, which is what I want to happen.
Edit fiddle - JSFiddle - Code Playground
JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle.
1 Reply
Wonderbear
WonderbearOP5d ago
I think I found the answer, but maybe there is another trick except for using javascript? https://stackoverflow.com/questions/76528097/position-html-popover-element-relative-to-parent-for-dropdown
Stack Overflow
Position HTML popover element relative to parent for dropdown
I'm experimenting with the new Popover API and trying to make a dropdown with it. I have a button to open my dropdown menu, the dropdown menu itself, and I'm struggling to position my dropdown menu

Did you find this page helpful?