如何解决select2的占位符在文档准备时被截断的问题？

Question

我在文档准备好的时候用jQuery创建了一个多重选择(.select2()函数)。当我输入一些数据，然后用clear按钮重置时，占位符正确地显示出来了。如何解决这个问题？

[这是我的选择，在文档准备好时，占位符被截断了]

[在这里你可以找到带有正确占位符的选择]

这是jquery代码。

$('#myselect').select2({
    multiple: true,
    allowClear: true,
    placeholder: Translator.trans('label.pleaseSelect')
});

这是我的HTML

<select class="form-control" name="myName" id="myselect" style="width: 100% !important;" multiple>
<option></option>
{% for field in data.fields %}
<option value="{{ field['id'] }}" >{{ field['description'] }}</option>
{% endfor %}
</select>

谢谢你的帮助!

Answer 1

考虑到Rory McCrossan告诉我的东西，我已经做了很多尝试。最后我找到了一个适合我的解决方案。

.select2-search__field {
    width: 100% !important;
}

非常感谢!