Bug - Popover - Popover positioning can result in contents outside viewport

[rhamilto]

Describe the problem
It appears Popover is rendering (and thus positioning itself) before children components passed to bodyContent have finished rendering, resulting in poor placement of the Popover.

If I replace children with static JSX (e.g., <div>Lorem ipsum.</div>, the bug doesn’t occur.

Is there some way to tell the parent Popover not to render until the children have fully rendered?

How do you reproduce the problem?
See https://bugzilla.redhat.com/show_bug.cgi?id=2070457

Expected behavior
Popover doesn't show and position until contents are finished rendering.

Is this issue blocking you?
Yes. See https://bugzilla.redhat.com/show_bug.cgi?id=2070457. We've had similar issues in OpenShift console as well.

Screenshots
See above.

What is your environment?

• OS: MacOS
• Browser: Chrome
• Version: 100.0.4896.60

What is your product and what release date are you targeting?

OpenShift 4.11

Any other information?

[jshaughn]

I think I am seeing the same, when the bodyContent becomes more than trivial the [left] positioning fails, and in my case forces horizontal scroll to the right.