chosen-js 生成的默认 WIDTH = 0

Question

将 chosen-js 与 symfony3 和 encore Webpack 结合使用35=] 有 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'});

chosen-js 生成的默认 WIDTH = 0

chosen-js generated default WIDTH = 0

javascript

jquery-chosen