Skip to content


Select dropdown width issue - stays fixed at 220px #112

krokhale opened this Issue · 3 comments

4 participants


The select dropdown width is fixed to 220px and does not use the 'width' property passed in as a javascript option, also it does not respect the size of the span/column either, it stays fixed at 220px!


Hello, @krokhale.
Can I see your markup?

@pytkin pytkin added the question label

Loving the Flat UI theme, but also finding the same as krokhale.

I have the same problem when trying to use col-md-x to specify width. Other than that my example is the same as on the components example page in FUI pro... maybe I'm just confused though!

<div class="btn-group col-md-6">
     <button class="btn btn-default">dropdown</button>
     <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
          <span class="caret"></span>
     <span class="dropdown-arrow dropdown-arrow-inverse"></span>
          <ul class="dropdown-menu dropdown-inverse">
                <li><a href="#fakelink">Star Wars</a></li>
                <li><a href="#fakelink">Star Wars</a></li>
                <li><a href="#fakelink">Star Wars</a></li>

Also I find the padding/margin beneath the drop down is not equal to that of a form group, so they are awkward to aline together in a modal (for example).


Hi, everyone,
we switched to select2.js library, you can check it out in the latest release.

@andrew-ml andrew-ml closed this
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.