Vue.js Safari中带引导表选项卡顺序问题的Vue Multiselect

我在一个引导表中使用Vue Multiselect，在一行中有许多其他输入。当我在Vue Multiselect中选择一个选项时，我希望我的选项卡顺序保持其在页面上的位置。但是，在Safari上，它会将选项卡位置重置为页面上的第一个元素

考虑以下精简结构：

<template>
  <b-table-simple ref="simpleTable" id="table">

    <b-tbody>
      <b-tr id="table" v-for="(rowItem, index) in values" :key="rowItem.id">
        <b-td>
          <b-textarea type="text" :value="rowItem.firstValue"></b-textarea>
        </b-td>

        <b-td class="editable dropdown">
          <multiselect track-by="id" :label="selectLabel" :ref="column" :value="rowItem.multiSelectItem">
            <div v-if="rowItem.multiSelectItem">rowItem.multiSelectItem</div>
          </multiselect>
        </b-td>

        <b-td class="editable dropdown">
          <b-textarea type="text" :value="rowItem.value"></b-textarea>
        </b-td>
      </b-tr>
    </b-tbody>

  </b-table-simple>

</template>

<script>

import Vue from 'vue';
import {BootstrapVue, BTable} from 'bootstrap-vue';
import Multiselect from 'vue-multiselect';

Vue.use(BootstrapVue, BTable);

export default {
  components: {
    BootstrapVue,
    Multiselect,
    BTable
  },
  data() {
    return {
      values: {
        value: 'testData',
        firstValue: '',
        multiSelectItem: ['value1', 'value2', 'value3'],
      },
    }
  }
}
</script>

rowItem.multiSelectItem
从“Vue”导入Vue；
从“BootstrapVue”导入{BootstrapVue，BTable}；
从“vue Multiselect”导入Multiselect；
Vue.use（BootstrapVue，BTable）；
导出默认值{
组成部分：{
BootstrapVue，
多选，
B表格
},
数据（）{
返回{
价值观：{
值：“testData”，
第一个值：“”，
多选项：['value1'，'value2'，'value3']，
},
}
}
}

在Chrome、Edge和Firefox中，单击下拉列表，然后按tab键将用户导航到该行的第三个文本框。但是，在Safari中，按tab键将用户导航到行中的第一个框。我认为这是因为Vue multiselect会触发模糊事件，并导致选项卡索引重置到页面的开头

Vue multiselect是否有办法在Safari中正确维护选项卡位置？否则，是否有办法在不打开下拉列表的情况下关注Vue multiselect输入