Popover in a Select.Option appear with a wrong position

https://riddle.alibaba-inc.com/riddles/5c8662c1

background

use popover to make a preview of every option in select

what’s wrong

if set getPopupContainer={(node) => node.parentElement} to popover, it will appear with a wrong position, looks like

if not set, z-index is not correct

what’s expected

popover in a option works well

[afc163]

Nothing we can do if you try to render a popup node inside a container with overflow which don’t have enough visible area to show the popup.

[jaredleechn]

Any solution about other popover-like component if they need to render under their parent component? The Popover and Select.Option just a temporary hack, once met the situation of position: relative and overflow, popover-like components always appear in wrong position