Код: Выделить всё
.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
