selected-js生成的默认WIDTH = 0

Question

将chosen-js与symfony3和encore Webpack结合使用，我正在尝试呈现选定的元素，但是当我加载CSS时，一切都坏了，生成的div具有width = 0 < / p>

已安装yarn add chosen-js --dev

html：

<select id="cat-selector-lvl1"> 
   <option value='A1'>test1</option> 
   <option value='A2'>test2</option> 
   <option value='A3'>test3</option> 
   <option value='A4'>test4</option> 
</select>

JS（当前页面的）：

import $ from 'jquery'
import "chosen-js"
import "../css/chosen/chosen.min.css"
import "../css/chosen/chosen-sprite.png"
import "../css/chosen/chosen-sprite@2x.png"

$(document).ready( function(){
   $("#cat-selector-lvl1").chosen({disable_search_threshold: 10});
})

这是我得到的：

生成的div的宽度为0；不知道为什么

Answer 1

指定宽度解决了该问题，仍然认为这是默认宽度为0px的错误

$("#cat-selector-lvl1").chosen({width: '200px'});