Semantic-UI-React
Semantic-UI-React copied to clipboard
bug: [Popup] goes below screen on 3.0.0-beta.2
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.
here is what the whole popup content looks like (it does fit on the screen)