没有水平滚动条的 vue-multiselect 下拉列表

Question

我在单选模式下使用 vue-multiselect 并尝试应用样式使选项下拉列表与最宽选项的宽度相同。我实现了这一点，但无法让 .multiselect__option 与父 .multiselect__element 的宽度相同：

https://jsfiddle.net/xo9f7jby/30/

.multiselect {
    width: fit-content
}

.multiselect__content-wrapper, .multiselect__element {
    width: fit-content; 
}

.multiselect__option {
    width: 100%;
}

Answer 1

一种简单的解决方案是fit-content从.multiselect__element以下位置删除：

.multiselect__content-wrapper /*, .multiselect__element */ {
  width: fit-content; 
}

更新小提琴：https : //jsfiddle.net/xo9f7jby/33/