CODEWITHSUNDEEP
twitter-bootstrapselectbootstrap-select
Anthony_Z
Anthony_Z

Reputation: 725

Disable dropup feature using Bootstrap Select

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/

Upvotes: 28

Views: 30443

Answers (3)

caseyjhol
caseyjhol

Reputation: 3898

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;

Upvotes: 53

i k o n g
i k o n g

Reputation: 11

You can use this to disable the picker. $('.selectpicker').prop('disabled', true);

Upvotes: -1

Anthony_Z
Anthony_Z

Reputation: 725

This setting can be changed in the bootstrap-select.js file by editing the dropupAuto option to:

dropupAuto: false,

Upvotes: 2

Related Questions