'Bootstrap-select always opening down

I'm using Bootrap-select (https://silviomoreto.github.io/bootstrap-select/) to display my dropdowns.

When there not enough space down, dropdown are displayed up.

Instead, I would like to force the opening Always down, like this:

Is it possible to force dropdown to opening Always down?

htmlcsstwitter-bootstrap


Solution 1:[1]

Just answering here as it gets appear in google search

Link to original Answer

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;

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Furqan Ahmed

Related Questions