Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

form-inline -> Form-control and selectpicker conflict? #1599

Closed
mickster04 opened this issue Dec 31, 2016 · 4 comments
Closed

form-inline -> Form-control and selectpicker conflict? #1599

mickster04 opened this issue Dec 31, 2016 · 4 comments

Comments

@mickster04
Copy link

mickster04 commented Dec 31, 2016

I have inline form with 1 select picker and one text box
https://jsfiddle.net/k8aqr99g/

Basically I would like the dropdown to resize like the default bootstrap inputs doo when the sceensize changes.

if you look at the jsfiddle above and resize the output window so that the form goes to inline and back. you can see how the normal bootstrap one resizes correctly and how the select is either always big or always small...

do I need to modify anything in my code to make this work as bootstrap does normally?

@erikahaiste
Copy link

Hi Mick !
I have the same issue and wondered if you managed a way out ?

@mickster04
Copy link
Author

No sorry. I just left it looking a bit rough.

@caseyjhol
Copy link
Member

Please follow #1969. In the meantime, setting data-width="auto" or data-width="fit" on the select should fix your problem (you're using width="fit" in your example, which is incorrect).

@mickster04
Copy link
Author

@caseyjhol Can confirm data-width="fit" worked for me! thank you very much!!!
https://www.randomisemytrain.com/
@erikahaiste I also updated to version 4.3.1 of bootstrap and bootstrap-select 1.13.6

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants