Popover full width

[Skuallpa]

I'd like to center an el-popover with a desired with on screen, so that it display nicely centered on mobile, but have been unable to do so.

I've tried to compute the size dynamically using window.innerWidth (minus a little margin) but it doesn't display centered (horizontally).

I've investigate with the modifiers of popper.js using the popper-options attribute of the el-popover, but couldn't find a way to make it display perfectly in the center.
https://popper.js.org/docs/v2/modifiers/

Any idea?

[hibichann]

playground

you may just need another div to wrap it or change placement to bottom or just use a default slot? im not sure if i understand your question.

[Skuallpa]

Thanks for your reply. I'm not talking about centering the content of the popover, but the popover itself, like this: