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

Question

所以我正在使用 selectize.js 创建一个自动完成搜索字段。它非常有效，除非我将下拉菜单缩放到一个小的移动屏幕。任何稍长的文本都会导致它溢出到下一行，并将下拉元素进一步向右拉伸。除了文本框增长之外，文本框旁边的图标也随之增长。

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

有人会认为最理想的属性是“溢出”，将其隐藏起来……但这似乎行不通。

有没有什么办法解决这一问题？

jsfiddle：http : //jsfiddle.net/Eq6cJ/

HTML：

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

Javascript：

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

Answer 1

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

JSFIDDLE