Плагин jQuery Inputpicker: поле не отвечает, но стрелка достигает другой стороны

Question

Есть идеи, почему это произойдет? Если вы заметили, стрелка вниз находится полностью справа, но поле не тянется туда. Если я сделаю «отзывчивым» на «ложь», это обрезает выпадающий список. Этот плагин не имеет много вариантов, поэтому я не вижу, что еще я могу сделать. Я также не нахожу никаких других плагинов, которые позволяют мне использовать целые строки таблицы в качестве выпадающего меню. ТИА

http://www.inputpicker.com/www/

Вот мой код JS:

$('#select_litters_dd').inputpicker({
  data: json,
  fields:[
    {name:'cagecard',text:'Cage Card'},
    {name:'dob',text:'Date of Birth'},
    {name:'wean_date',text:'Wean Date'},
    {name:'litter_died_date',text:'Litter Died Date'}
  ],
  headShow: true,
  fieldText : 'cagecard',
  fieldValue: 'cagecard',
  responsive: true,
  autoOpen: false,
});

HTML-элемент:

<input class="form-control" id="select_litters_dd" value="Select Litter">

неотзывчивый скриншот:

Отзывчивый скриншот:

Answer 1

Хорошо, так что я понял, что могу прикрутить всю адаптивную вещь и просто сделать ширину 230%, и это сработало достаточно хорошо.

$('#select_litters_dd').inputpicker({
  data: json,
  fields:[
    {name:'cagecard',text:'Cage Card'},
    {name:'dob',text:'Date of Birth'},
    {name:'wean_date',text:'Wean Date'},
    {name:'litter_died_date',text:'Litter Died Date'}
  ],
  headShow: true,
  fieldText : 'cagecard',
  fieldValue: 'cagecard',
  responsive: false,
  autoOpen: false,
  width: '230%'
});