Bootstrap-select: Inconsistent dropupAuto behavior (menu will sometimes dropup even if dropup class isn't applied)

Created on 23 Apr 2019  路  3Comments  路  Source: snapappointments/bootstrap-select

I would like to disable the dropupAuto feature, so that it is a dropdown only select, but setting false in either js or data- doesn't work. Take a look at my jsfiddle. I've also tried setting it globally but to no-avail.

Please help.

confirmed

Most helpful comment

Ah, this is happening because Popper is autopositioning the menu (regardless of dropup settings). Setting data-display="static" on your select element (in addition to data-dropup-auto="false") should prevent this from happening.

All 3 comments

Ah, this is happening because Popper is autopositioning the menu (regardless of dropup settings). Setting data-display="static" on your select element (in addition to data-dropup-auto="false") should prevent this from happening.

Thanks that did the trick. It might be worth noting that on the docs.

Note to self: check into setting data-flip="false" on the dropdown button.

Was this page helpful?
0 / 5 - 0 ratings