Semantic-UI-React: Popup: wrong positioning when `mountNode` uses `position: fixed`

Bug Report

Steps

-add Popup control -set mountNode property

Expected Result

Popup should be renderer in a set node and visually be placed there

Actual Result

Popup is rendered in a set node but visually is NOT placed there It is placed far away outside Wrong calculation of transform css value

Version

0.87.3

In the version 0.86.0 all is ok

About this issue

Original URL
State: closed
Created 5 years ago
Comments: 15 (12 by maintainers)

Commits related to this issue

feat(Popup): add `positionFixed` to support fixed mode in `Popper.JS` (#3760) * feat(Popup): add positionFixed to support popper fixed mode (#3718) Add support for popper.js to position the popup ... — committed to Semantic-Org/Semantic-UI-React by fxOne 5 years ago

Most upvoted comments

@layershifter I’ll try it this weekend.

fxOne on Aug 23, 2019

I don’t know if this is the same issue, but I have some issues if the mountNode is a Node wich ist styled with position: fixed;

Here is my excample: https://codesandbox.io/s/semantic-ui-react-example-umbkj

fxOne on Aug 15, 2019

I was having a problem as well with the popup - the position of the popup was showing up over top of my content instead of center left where the position prop I had set up was telling to go. The popup also didn’t seem to “pop up” at the right time and place in response to the mouse hover. I backed off to 0.86.0 and the problem goes away. Hope this problem can be fixed - affects a lot of my components and UI - assume others would agree.

petemahoney on Jul 30, 2019