ui-selectは複数のタグで入力フィールドを展開しません

Question

In this plunk複数のタグ付けを持つui-selectがあります。それはうまく動作します - 私はplunkの問題を再現できませんでした。私のアプリケーションの問題点は、タグが複数の行を占める場合、下の境界線が拡大しないことです。私は、UI選択、最新のバージョンを更新

：これは私が（再び、ないplunkで）取得動作の絵です。何が問題なの？

は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; 
}