Search code examples
reactjssemantic-ui

Semantic UI React Popup(s) Not Appearing

See title.

Code is literally

<Popup
trigger={<li id="close"><a>Close</a></li>}
content="Click to close"
basic
/>

And yeah when the item in question is hovered, or clicked, the popup doesn't appear. When I set open={true} it does, not attached to the component (as expected). Has anyone encountered this issue and could they advise possible solutions?

Solution

  • CSS code applied to HTML was making it position: relative which affect where Popups appeared - they were appearing, just at the wrong position. Unfortunately removing this code completely ruins our sticky footer.

    Hopefully anyone else who experiences the same problem will see this and realise their mistake.