Как позиционировать поповер в CSS ⇐ Html

[Anonymous]

Код: Выделить всё

.container {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}

#products-list:popover-open {
width: 200px;
height: 100px;
position: absolute;
inset: unset;
margin: 0;
}

.parent {
position: relative;
}< /code>

[list]
[*][url=#]Home[/url]
[*][url=#]About[/url]
[*]

Products


Prod1
[*]Prod1
[*]Prod1
[/list]

I'm learning the new Popover api
I want to build a dropdown nav using the new popover api, so I wrote the above demo, current behavior is the popover is in the left of the page, I want to put it under the products button

Я пытался переопределить: pover-open css, но не знаю, почему позиция: абсолютный не работает, это должно быть в материнской коробке.>

Подробнее здесь: https://stackoverflow.com/questions/782 ... ver-in-css