I'm experiencing an issue where the arrow appears when there is no scrollbar, but disappears once I add a scrollbar to the popover content. I haven't been able to replicate this on jsfiddle, so I'm sharing the code here.
CSS
.pop-div .popover {
max-width: 310px;
height: 250px;
overflow-y:scroll;
}
HTML
<li>
<div class="pop-div">
<a href="#" id="myid" rel="popover" >click me</a>
</div>
</li>
JAVASCRIPT
$("a[rel=popover]").click(function(e) {
e.preventDefault();
$.ajax({
url: '/myurl',
success: function(data) {
$("#myid").popover({
placement: 'top',
title:'title',
html:true,
content:data
});
}
});
});