Popover not working properly

Vizualinx · 2025-06-20T10:56:39.761+00:00

Can anyone explain why this is happening? (or is this a bug??)

Vizualinx

1 month ago

Can anyone explain why this is happening? (or is this a bug??)
Tod

1 month ago

Great job @MVvdV! Your contribution to the Nordcraft Community just made you advance to Community Level 4! 🌲
MVvdV

1 month ago

i cant see your applied styles but this is from mdn web docs: "When open, popover elements will appear above all other elements in the top layer, and won't be influenced by parent elements' position or overflow styling." https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/popover#description
MVvdV

1 month ago

https://developer.mozilla.org/en-US/docs/Web/API/Popover_API/Using#positioning_popovers
@MVvdV
i cant see your applied styles but this is from mdn web docs: "When open, popover elements will appear above all other elements in the top layer, and won't be influenced by parent elements' position or overflow styling." https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/popover#description
Rei

27 days ago

I believe I'm experiencing the same issue as Vizualinx.
You can see his popover div contains the attribute popover auto.
Based on the NordCraft video, this should make the popover disappear which isn't the case here.
The popover remains and the trigger correctly places it above all other elements.

In my case, since the popover remains, it pushes down all elements and isn't the behavior shown in the NordCraft videos.

Update: After reading the documentation that MVvdV graciously posted, the popover is hidden via display: none. My div was set to flex which explains why it wasn't hidden with popover auto. 😅
🙌1

Popover not working properly

Vizualinx

Tod

MVvdV

MVvdV

Rei