수평 스크롤바가 없는 vue-multiselect 드롭다운리스트

수평 스크롤바가 없는 vue-multiselect 드롭다운리스트

싱글 셀렉트 모드에서 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%;
}

간단한 해결책 중 하나는fit-content부터.multiselect__element:

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

갱신필 : https://jsfiddle.net/xo9f7jby/33/

나는 단지 네가 보는 것처럼 학급에서 입장을 논평할 뿐이다.

.multiselect__content-wrapper {
  /*position:absolute;*/
  display: block;
  background: #fff;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #e8e8e8;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch
}

언급URL : https://stackoverflow.com/questions/49499878/vue-multiselect-dropdown-list-without-horizontal-scrollbar