Semantic-UI-React icon indicating copy to clipboard operation
Semantic-UI-React copied to clipboard

bug: [Popup] goes below screen on 3.0.0-beta.2

Open GGAlanSmithee opened this issue 11 months ago • 1 comments

Bug Report

Steps

Use a Popup in a position that goes below the screen, for example:

// Positioned somewhat far down on the page, with somewhat large (tall) content
<Popup
  wide="very"
  position="right center"
  openOnTriggerMouseEnter
  closeOnTriggerMouseLeave
  content={props.children}
  trigger={
    <GameSidebarInfoIcon />
  }
/>

Expected Result

In version 2, the popup would be positioned as instructed ("right center" in the above example), but it would never go below the screen, if possible

Actual Result

The component goes below the screen. See the screenshot below, in this case, the bottom of the screenshot is the actual bottom of the screen.

Version

3.0.0-beta.2


Maybe related to #4488 but don't think so.

image

GGAlanSmithee avatar Dec 19 '24 16:12 GGAlanSmithee

here is what the whole popup content looks like (it does fit on the screen)

image

GGAlanSmithee avatar Dec 19 '24 16:12 GGAlanSmithee