Popover showing behind elements below

[drallieiv]

I have multiple blocs looking like this each with a popover

When I trigger the popover on an element at the bottom of the page, it gets show above and everything looks good
But when I trigger a popover on an element int the top 50% of the page, it gets displayed below the trigger, at the same location then the following blocks.
However the popover is rendered under it instead of above.

Here is a screenshot if I above the first one

Any idea in what to look for and possible fixes for that behaviour ?

Note I am using it with spacing="80" which is why it goes further away of the trigger.

I did look into z-index but it did not solve anything

[drallieiv]

I found out that I stopped having the bug by removing some container-type css properties on the blocks

https://developer.mozilla.org/en-US/docs/Web/CSS/container-type