html - フォーカス時にポップオーバーの位置が変更される

Question

ng2-bootstrap ポップオーバーを使用していますが、ポップオーバー内のスパンをタブで移動しようとすると問題が発生します。コードは次のとおりです。

<ng-template #popDefinitionsTemplate>
    <h4 #popDefinitionsHeader [autoFocus]="true" tabindex="0">{{definitions.title}}</h4>
    <hr>
    <div *ngFor="let item of definitions.definitionItems;">
         <span tabindex="0"><b>{{item.term}}</b></span>
         <span tabindex="0"> - {{item.termDefinition}}</span>
    </div>
</ng-template>
<button class="btn btn-secondary btn-finish-later pull-right"
        [popover]="popDefinitionsTemplate"
        placement="bottom">
</button>

*ngFor に含まれるスパンをタブで移動するたびに、 popover-container の「左」スタイル プロパティが 1066px から 1068px に変更されます。

タブ移動時にスタイル プロパティが変更されないようにする方法はありますか?