Bootstrap-select: I can't scroll to the footer on mobile

[n-osennij]

projet url: http://new-genpasport.igc.by/price
Steps:

1. open url from mobile
2. at the top of the page on select chouse anything
3. after that try to scroll to the footer

[gneotel]

I have the same issue (chrome on android), after I select something if I scroll the page scrolls back on a fixed position. It does so as long as the focus is on the select. If I click outside the select and it looses focus it stops scrolling.
http://www.guide.univpm.it/guide.php?lang=lang-eng&fac=economia&aa=2017&search=Cerca
Try to select a degree programme than to scroll.
Thanks!

[Leoxxid]

You can tell me how resolved this?

[n-osennij]

@Leoxxid stop using bootstrap-select

[Leoxxid]

why?

[n-osennij]

@Leoxxid because I'm not found solution

[Leoxxid]

I just want know how @gneotel had succeed in make the select over of the footer.

[gneotel]

I didn't find a solution yet, for now page still has same behavior...

[jjorissen52]

It only happens with the default width setting for me, which is width: false. A workaround is to set width to anything other than false. Hope this helps.

//bad
$('#facility-filter-select').selectpicker({
    width: 'false'
});

//good
$('#facility-filter-select').selectpicker({
    width: 'auto' //literally anything other than false
});

[gneotel]

@jjorissen52 looks like it's working.
I kinda love you :-D

[gneotel]

Just to add some info, data-width="auto" is ok, data-width="75%" is bad instead.
I did not try "fit" and "350px" (the amounts are just examples).