html - Popover 的位置在焦点上改变

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 的“左”样式属性从 1066 像素更改为 1068 像素。

有没有办法防止在选项卡时更改样式属性？