ui-select不会扩展多个标签选择中的输入字段

Question

In this plunk我有一个带有多个标记的ui-select。它工作正常 - 我无法在plunk中复制问题。我的应用程序中的问题是，当标记占用多行时，底部边框不会扩展。这是我得到的行为的图片（再次，不是在插件中）：

我将ui-select的版本更新为最新版本。可能是什么问题？

使用Javascript：

var app = angular.module('demo', ['ngSanitize', 'ui.select']);
app.controller('ctl', function ($scope) {

});

app.directive('selectColors', function () {

    var directive = {};

    directive.restrict = 'EA';

    directive.scope = true;

    directive.templateUrl = 'selcols.html';

    directive.link = function (scope, element, attrs) {

        scope.availableColors = ['Red','Green','Blue','Yellow','Magenta',
                                   'Maroon','Umbra','Turquoise'];

        scope.singleDemo = {};
        scope.singleDemo.color = '';
        scope.multipleDemo = {};
        scope.multipleDemo.colors = ['Blue','Red'];

    };

    return directive;

});

Answer 1

问题是班级形式控制有一个固定的高度。删除它修复了问题

.form-control {
height: 28px !important;
}