uib-popover not working as expected with a DIV element
<p>I'm testing <a href="https://angular-ui.github.io/bootstrap/" rel="nofollow noreferrer">uib-popover</a> and everything seems to work fine in the plunkr but when I change button to div then the popup seems displaced.</p>

<p>Any idea why?</p>

<p>This is the code, simplified from the official plunkr</p>

<pre><code>&lt;div ng-controller="PopoverDemoCtrl"&gt;
    &lt;div class="form-group"&gt;
      &lt;label&gt;Popover placement&lt;/label&gt;
      &lt;select class="form-control" ng-model="placement.selected" ng-options="o as o for o in placement.options"&gt;&lt;/select&gt;
    &lt;/div&gt;
    &lt;div popover-placement="{{placement.selected}}" uib-popover="On the {{placement.selected}}"&gt;Popover {{placement.selected}}&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>And <a href="https://plnkr.co/edit/Sn2C4ThJkyyAzvXNbNRz?p=preview" rel="nofollow noreferrer">here is the plunkr</a> to test it.</p>

<p>Thanks!</p>