Portal placement wrong when I scroll

[philmetzger]

Bug report 🐞

Version & Environment

• Version of browser
• • 79.0.3945.88 (Official Build) (64-bit) (ubuntu)
• Version of geist-ui/react
• • 2.1.0-canary.2

Expection

When I click on a button to show a portal dialog, it should point at the button

Actual results (or Errors)

When I scroll down the page, then click on a button to display a portal, then the modal is pointing at the wrong thing.

<Popover content={this.getEditPopoverContent()}>
    <Button iconRight={<Edit2/>} auto={true} size="mini" ghost={true} shadow={true}/>
</Popover>

Correct: Incorrect (as soon as the page scroll changes):

I am guessing the portal is globally rendered and not locally to the element it should be triggered from?

Is this a bug or have I done something wrong

[unix]

I'm not sure, I have not succeeded in reproducing the problem you describe, could you try to provide an online example if possible. (Codesandbox or GitHub CodeSpaces)