The semantic UI popup is far

Question

I am trying to use the Semantic UI popup module, and it never worked properly in terms of positioning my project, as it is on a demo. I tried several hacks (setting a position on relative, etc.), but no luck; Here is the fiddle: http://jsfiddle.net/smt94eox/ In which I intended to display a popup in the upper left of the button when it freezes:

$('#smile').popup({
    inline: true,
    hoverable: true, 
    position: 'top left'
});

But when it freezes, a popup appears at the bottom of the page. Does anyone know why and how to fix this?

Answer 1

According to docs

You do not need an option inline

inline: true Semantic , next sibling ui popup element .

, , . http://jsfiddle.net/smt94eox/1/

HTML. "margin",

<div id="smile" class="ui labeled icon button" title="You can see this" style="margin:100px">
    <i class="smile icon"></i>Click me first
</div>

JavaScript

$('#smile').popup({
    hoverable: true, 
    position: 'top left'
});