Scrolls the window if near bottom of viewport

[donavon-silverback]

If the menu is opened when it is near the bottom of the viewport, it scrolls the screen.

If the screen had not been scrolled, it would have been properly positioned above the element.

Screen.Recording.2023-05-08.at.12.03.04.PM.mov

[bvaughn]

That's interesting. Wonder why my positioning logic didn't handle that.

[bvaughn]

Looking at this now. It seems that just appending the context menu to the document causes it to scroll. (I'm not explicitly telling the browser to scroll.)

Maybe this is because I'm appending it directly to the document.body ? No, this doesn't reproduce. I wonder if this si a React+Portal issue? At a glance this looks similar to reach/reach-ui#956

Edit I think this is being caused by position: absolute; replacing with position: fixed seems to "fix" the issue.

[bvaughn]

Fixed via e72370f