[Bug Report] [UI] Popovers may appear off viewport

[echo6ix]

trafficstars

Hovering over any item that activates a popover over when the item is near enough to the edge of the viewport will cause the popover to appear partially or completely off-screen.

To Reproduce Steps to reproduce the behavior:

1. Go to any page, such as scenes.
2. Position the page so a popover item is at the edge of the viewport
3. Hover over the item to activate it
4. See bug. Popover is displayed partially or completely outside the viewport depending on your position

Expected behavior The popover is more responsive to its viewport and takes into account its position on the viewport, always displaying on screen such as

• https://itnext.io/how-to-create-context-menus-that-always-display-inside-the-viewport-using-only-css-963bfee6bfc5
• https://medium.com/carwow-product-engineering/building-a-simple-tooltip-component-that-never-goes-off-screen-c7039dcab5f9

Screenshots

In the above screenshot, the expected behavior would be displaying the popover above the tag button to avoid getting clipped off the viewport, not below.

Stash Version: (from Settings -> About):

Desktop (please complete the following information):

• OS: [Windows 11]
• Browser [Chrome]
• Version [122.0.6261.112 (Official Build) (64-bit)]