Disable dropup feature using Bootstrap Select

Question

I'm using Bootstrap Select to style some select fields inside an accordion. Bootstrap select has a feature where it will make your dropdown dropup if it is near the bottom of the screen.

In this case I do not want it to drop up but I can't find where to disable this.

Bootstrap select: https://developer.snapappointments.com/bootstrap-select/

Answer 1

Options can be passed via JavaScript or data attributes:

$('.selectpicker').selectpicker({     dropupAuto: false }); 

or

<select class="selectpicker" data-dropup-auto="false">     <option>Mustard</option>     <option>Ketchup</option>     <option>Relish</option> </select> 

You can also set this globally:

$.fn.selectpicker.Constructor.DEFAULTS.dropupAuto = false;