Make bootstrap dropdown menu go only downwards?

Question

i have a little problem with my Bootstrap Select Box on the following

As you might notice while scrolling the page up and down its disturbing the dropdown opens to both sides up/down.

Now i am not sure if this might be a bug or standard functionality of the Bootstrap Select.

Preview: See here

How i am able to fix this to only opens downwards?

thanks for your kind help in advance.

Its working properly here on my PC when I tested it. It is opening downwards not up.. — Sangrai, Aug 30 '17 at 12:15
You must be an exception. Lots of users complained about it. However i think with data-dropup-auto="false" its now correct. — Roman, Aug 30 '17 at 12:25
Possible duplicate of [Disable dropup feature using Bootstrap Select](https://stackoverflow.com/questions/19934518/disable-dropup-feature-using-bootstrap-select) — georgeawg, Jun 24 '18 at 13:44
In the bootstrap 4 dropdown component you need data-flip="false" — xtian, Jun 17 '20 at 16:11

score 12 · Accepted Answer · edited Jun 24 '18 at 13:37

12

Options can be passed via javascript

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

or

by HTML tag

<select class="selectpicker" data-dropup-auto="false">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

edited Jun 24 '18 at 13:37

georgeawg

answered Aug 30 '17 at 12:15

Punith

1 Answers1