bootstrap-select icon indicating copy to clipboard operation
bootstrap-select copied to clipboard

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

Open yCodeTech opened this issue 6 years ago • 6 comments

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.

yCodeTech avatar Apr 23 '19 01:04 yCodeTech

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.

caseyjhol avatar Apr 23 '19 17:04 caseyjhol

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

yCodeTech avatar Apr 24 '19 14:04 yCodeTech

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

caseyjhol avatar Sep 25 '19 23:09 caseyjhol

data-dropup-auto="false" not working in bootstrap 5.1.3

slavikja avatar Mar 11 '22 09:03 slavikja

I dont see this in the docs

tamb avatar May 31 '22 19:05 tamb

Still not seeing this in the documentation. Since popper.js is required to use bootstrap select when using bootstrap 4, It feels like a lot of people would benefit from a note on the data-dropup-auto attribute.

nickolasjadams avatar Nov 22 '22 00:11 nickolasjadams