Javascript 移动设备中selectize.js下拉列表溢出的困难

因此，我正在使用selectize.js创建一个自动完成搜索字段。除非我将下拉列表缩放到一个小的移动屏幕上，否则它的工作原理非常棒。任何稍长的文本都会导致它溢出到下一行，并将下拉元素向右拉伸到它应该的位置。除了文本框增长外，文本框旁边的图标也随之增长

下面是一个jsfiddle演示这个问题。如果拖动屏幕使“结果”部分非常小，则可以看到溢出。在我的网站上，它不仅溢出，而且还将方框向右延伸

有人会认为理想的属性应该是“溢出”，使其隐藏。但这似乎不起作用

有办法解决这个问题吗

jsfiddle：

HTML:

<select id = "searchTextbox">
    <option value = "aaaa"> bbbbbbbbbbbbbbbb </option>
    <option value = "cccc"> dddd </option> 
</select>

var $select = $('#searchTextbox').selectize({
              maxItems: 1,
              maxOptions: 5,
              searchField: ['text', 'value'],
              openOnFocus: false,
              highlight: false,
              scrollDuration: 300,
              create: false
          });

---

这是如何回答问题的？这是如何回答问题的？

.selectize-input {
   white-space: nowrap;
}

.selectize-input .item {
  width: 110px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 5px !important;
}