2016-07-20 5 views
0

Я пытаюсь предотвратить автоматическое падение Bootstrap от появления на меньших размерах экрана.Disable drop up on Rails form - bootstrap

S.O. вопрос here говорит добавить, чтобы добавить атрибут data-dropup-auto и установить его на false, однако при этом он не работает. Проверка выбора, выбранного из консоли разработчика Chrome, также показывает, что атрибут присутствует и правильно установлен в значение false.

Вот код для моего выбора в форме.

<%= f.select(:countries_id_eq, Country.order(:name).collect{|c| [c.name,c.id]}, {:prompt => "Exam Cycle"}, { :class => 'form-control input-lg', "data-dropup-auto" => "false" }) %> 

В консоли разработчика, выберите оказывает как этот

<select class="form-control input-lg" id="q_universities_id_eq" name="q[universities_id_eq]" data-dropup-auto="false"><option value="">Subjects</option>...</select> 

Любая помощь будет высоко ценится.

+0

Вы имели в виду ссылку другой вопрос? Кроме того, перейдите на отображаемую HTML-страницу и вставьте сюда то, что выглядит 'select'. – nicholas79171

+0

@ nicholas79171 Я добавил в обоих сейчас. – ConorB

ответ

1

Как отмечено в комментарии к this answer, вам нужно удалить кавычки вокруг значения атрибута, так как оно булево.

<%= f.select(:countries_id_eq, Country.order(:name).collect{|c| [c.name,c.id]}, {:prompt => "Exam Cycle"}, { :class => 'form-control input-lg', "data-dropup-auto" => false }) %> 
+0

Спасибо за ответ Николас. Я тоже видел этот комментарий и пробовал, но, к сожалению, это привело к тому же поведению, когда выпадающие списки стали снижаться при меньших размерах экрана. – ConorB

+0

Вы пытались редактировать значение по умолчанию в файле 'bootstrap-select.js'? Для меня это в строке 298. Установка этого параметра на false должна это сделать. – nicholas79171

+0

У меня, по-прежнему такое же поведение, к сожалению. – ConorB