Blank options are very small

[mimopo]

Hi! Nice plugin!

But I've found a little bug. If you have a select box with a blank option, for example:

<select name="example">
    <option value=""></option>
    <option value="4">Number 4</option>
    <option value="5">Number 5</option>
</select>

You will get something like this

I've fix with this code:

this.$element.find('option').each(function() {
    var optionClass = $(this).attr("class") !== undefined ? $(this).attr("class") : '';
    var text = $(this).text() != '' ? $(this).text() : ' ';
    if ($(this).parent().is('optgroup')) {
        if ($(this).index() == 0) {
            if ($(this)[0].index != 0) {
                _liA.push(
                    '<dt class="optgroup-div">'+$(this).parent().attr('label')+'</dt>'+
                    '<a tabindex="-1" class="opt '+optionClass+'">'+text+'</a>'
                    );
            } else {
                _liA.push(
                    '<dt>'+$(this).parent().attr('label')+'</dt>'+
                    '<a tabindex="-1" class="opt '+optionClass+'">'+text+'</a>'
                    );
            }
        } else {
             _liA.push('<a tabindex="-1" class="opt '+optionClass+'">'+text+'</a>');
        }
    } else {
        _liA.push('<a tabindex="-1" class="'+optionClass+'">'+text+'</a>');
    }
});

Google Chrome, MacOS X Mountain Lion

[caseyjhol]

Good catch! I'll implement this in the next update.

[mimopo]

Thanks!

[jhephs]

Is this not working again?

Looking at https://github.com/silviomoreto/bootstrap-select/blob/master/bootstrap-select.css#L147

.bootstrap-select.btn-group .dropdown-menu li > a {
    cursor: pointer;
}

The min-height is not there?

[caseyjhol]

min-height isn't needed any more, as the formatting has changed. There's now a .text span inside that gives the li the proper height.

[paulb2011]

Using bootstrap 3.1.1 and bootstrap-select 1.5.4, I'm seeing the same problem with an empty option (height) as mimopo pointed out originally.

[pdcmoreira]

I still have this issue, but with <optgroup> being empty.

[t0xicCode]

Could you provide me with a jsfiddle?

[pdcmoreira]

Man, for the life of me, I can't create a working jsfiddle! I don't know what's wrong (probably something not loading), but here is what I have (although the fiddle is not working):
http://jsfiddle.net/x77x2wz0/