Javascript sortable未在safari中拖动表的所有列

我有一个使用自定义模板为每个单元使用v型槽。所有这些单元格都是自定义组件。我希望该表的行可以排序，也就是说，我希望用户能够拖放该表中的行。为此，我正在使用。一切正常。但是，在safari中拖动表中的任何行时，都会出现UI失真

标准表格：

在safari中拖动第一行时的表：

请注意，最后一列UI看起来不像是在拖动行

下面是表的代码：

<template>
  <b-table
    v-sortable="sortableOptions"
    :items="getSortedForms"
    :fields="columns"
    :tbody-tr-class="rowClass"
    primary-key="key"
    show-empty
  >
    <template v-slot:empty>
      <!-- some content here -->
    </template>

    <template v-if="getSortedForms.length > 0" v-slot:head(selectFormAction)>
      <!-- check-box HTML here -->
    </template>
    <template v-slot:cell(col1)="form">
      <div :id="form.value.Key">
        <!-- check-box HTML here -->
      </div>
    </template>
    <template v-slot:cell(col2)="formItem">
      <!-- this is a custom component -->
      <form-display :formDTO="formItem.value" />
    </template>
    <template v-slot:cell(col3)="formStatusItem">
        <!-- some text here -->
      </div>
    </template>
    <template v-slot:cell(col4)="actionItem">
      <div>
        <!-- this is a custom component -->
        <form-progress-bar />
      </div>
    </template>
    <template v-slot:cell(col5)="utilityItem">
      <div class="utilitySet">
        <div
          v-for="(utility, id) in getSomeList()"
          :key="id"
        >
          <FormUtility :form="utilityItem.value.formDTO"></FormUtility>
        </div>     
      </div>
    </template>
  </b-table>
</template>

<script>
import { BTable } from "bootstrap-vue";
export default {
  name: "FormsList",
  directives: {
    sortable: {
      bind(el, binding, vnode) {
        const table = el;       
        Sortable.create(table.querySelector("tbody"), {});
      },
    },
  },
  components: {
    BTable,
  },
  data() {
    ...
  },
  computed: {
    ...
  },
  methods: {
    ...
  }
};

从“引导vue”导入{BTable}；
导出默认值{
名称：“FormsList”，
指令：{
可排序：{
绑定（el、绑定、vnode）{
常数表=el；
create（table.querySelector（“tbody”），{}）；
},
},
},
组成部分：{
B表格，
},
数据（）{
...
},
计算：{
...
},
方法：{
...
}
};

最后一列有什么特别的css吗<代码>位置：例如，绝对的，或者类似的东西？@YuriyKravets不，我没有任何特别的css用于最后一列。另外，如果这是因为css，我希望它在所有浏览器中都表现相同，这个问题只会在Safari中发生，正是因为css，我希望它在不同的浏览器中表现不同；）你能为class

.utilitySet

分享你的css吗？@YuriyKravets是的

.utilitySet{display:flex；flex direction:row；}

看起来您的最佳选择是将文件作为问题提交给，因为没有任何可疑之处。