selected-js生成默认WIDTH = 0

Question

使用symfony3和encore Webpack chosen-js我试图渲染一个选定的元素，但是当我加载CSS时，一切都被破坏了，生成的div有width = 0

安装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'});