ui-select는 여러 태그에서 입력 필드를 확장하지 않습니다.

Question

In this plunk 여러 개의 태그가있는 ui-select가 있습니다. 그것은 잘 작동 - 나는 plunk에서 문제를 복제 할 수 없습니다. 내 응용 프로그램의 문제는 태그가 두 줄 이상을 차지할 때 아래쪽 테두리가 확장되지 않는다는 것입니다. 내가 UI-선택 최신의 버전을 업데이트

: 이것은 내가 (다시 아닌 쿵하는 소리에) 얻을 행동의 사진입니다. 무엇이 문제 일 수 있습니까?

자바 스크립트 :

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