移動中selectize.js下拉菜單溢出的困難

Question

因此，我正在使用selectize.js創建一個自動完成搜索字段。 除非我將下拉菜單縮放到一個小的移動屏幕，否則它的運行效果非常好。 長度過長的任何文本都會使其溢出到下一行，並將dropdown元素延伸到更應該顯示的右邊。 除了文本框增長之外，文本框旁邊的圖標也隨之增長。

這是一個演示問題的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

Answer 2

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