Semantic-ui Pop Up Z-index?

http://semantic-ui.com/modules/popup.html#/examples I have used the pop up described above and it works well. The only thing I see that I have a blue coloured page header div (widt

Solution 1:

I guess you need this, like document says: https://semantic-ui.com/modules/popup.html#/settings set this attibute to false -> movePopup: false

$('#button_event_trigger').popup({
                popup: $('.custom.popup'),
                movePopup: false, //this here
                on: 'click'
            });

In my case, I had a button inside a sidebar, that needs trigger the popup, then popup appears inside the container with overflow hidden, and css z-index was not working.

Solution 2:

Search for 1190 in semantic-UI.css. Override the value.