Cannot position a popover to the bottom when the target is aligned to the right of the page

[JamesGagneNT]

To reproduce see setup in codesandbox

The popover should be positioned below the target element but it is not. There is enough space to align the popover to the right and position it below the target.

Oddity in behavior

If you shrink the viewport down to a size where there is no longer enough space to position the popover to the left, the position is changed to the bottom.