Popover with PopoverPosition = CENTER?

This is a feature request, unless there is some way to make this work with existing CSS.

I am trying to implement a Popover on a component with a potentially huge transparency margin. Specifically, the component is an SVG icon with a small image (say 30x30) but surrounding text may cause it to balloon to 600x600 pixels. The Popover positions itself to the 600x600 pixel boundary, which is 300 pixels away from the visible image.

I have found some improvement by setting margin:0px;--vaadin-popover-offset-start:-200px;--vaadin-popover-offset-end:-200px on the vaadin-popover-overlay element. But not enough. I really need something like PopoverPosition.CENTER, which would center the Popover at the center of the target.

Or would that be PopoverPosition.MID_MID? I confess I don’t follow the naming/function of that enum.

Please create a respective ticket in this repo for this feature: GitHub · Where software is built

The forum is mainly for exchanging infos or Q&A inside the community, but requesting features or posting bugs is tbd in github, otherwise it might be missed by the product and component teams.