Semantic ui Pop-up bug
by dsgnr
HTML
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.4.1/semantic.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.4.1/semantic.min.js"></script>
<div class="ui padded grid">
<div class="row">
<div class="six wide column">
<div class="ui blue inverted menu">
<a class="active item">
Bookmarks
</a>
<div id="leftHelp" class="item right floated"> <i class="help circle icon"></i>
</div>
</div>
<div class="ui blue segment">
<div class="ui fluid icon input">
<input id="bookmarksearch" type="text" placeholder="Search..." />
<i class="remove icon"></i>
</div>
<div class="sp-bookmark-frame">
<div id="bookmarktree"></div>
</div>
</div>
</div>
<div class="ten wide column">
<div class="ui purple inverted menu">
<a class="active item">
<i class="home icon"></i> Home
</a>
<a class="item">
<i class="mail icon"></i> Messages
</a>
<a class="item">
<i class="user icon"></i> Friends
</a>
<div id="centerHelp" class="item right floated">
<i class="help circle icon"></i>
</div>
</div>
<div class="ui purple segment">
</div>
</div>
</div>
<div class="ui popup">
<div class="header">pop-up</div>this is the text.</div>
<div id="popup2" class="ui popup">
<div class="header">pop-up</div>this is the text.</div>
</div>
JavaScript
$(document).ready(function () {
$('#leftHelp').popup({
popup: '.popup',
position: 'bottom left'
});
$('#centerHelp').popup({
popup: $('#popup2'),
position: 'bottom right',
offset: 0
});
});