Popover avoid collision after content changes

[emadabdulrahim]

What's the recommended way to make Popover re-evaluation position after content has changed?

You can see in the video, initially the Popover renders at the bottom because content height is small enough it fits without colliding with the view port. But after content is loaded, it stays there. When re-open, because the data is now cached, it choose to open at the top because there's more available space than the bottom.

CleanShot.2023-09-26.at.09.52.17.mp4

What's the best way to trigger Popover to re-consider the side after content has changed? Setting minHeight could work but only case by case, as setting minHeight globally on the Popover itself is undesirable. Perhaps setting key prop on Popover so it re-mounts when content changes. What's the recommended solution for this type placement of problem?