問題は、ngAnimate が使用されている角度プロジェクトで ui-select があり、それをクリックして何かを入力すると、入力要素をもう一度クリックするまで入力できないことです。基本的には、2 回目のクリックのみに焦点を当てているようです。
これは、ブートストラップ テーマに問題があり、リストにアイテムが含まれていないようです。
http://plnkr.co/edit/jqXDJLN33U75EO9imGER?p=preview
<ui-select ng-model="country.selected" theme="bootstrap" ng-disabled="disabled" style="width: 300px;">
<ui-select-match placeholder="Select or search a country in the list...">{{$select.selected.name}}</ui-select-match>
<ui-select-choices repeat="country in countries | filter: $select.search">
<span ng-bind-html="country.name | highlight: $select.search"></span>
<small ng-bind-html="country.code | highlight: $select.search"></small>
</ui-select-choices>
</ui-select>
var app = angular.module('selectizeDemo', [
'ngAnimate',
'ngSanitize',
'ui.select'
]);
app.controller('MainCtrl', function($scope) {
$scope.countries = [];
/*$scope.countries = [
{name: 'Afghanistan', code: 'AF'},
{name: 'Åland Islands', code: 'AX'},
{name: 'Albania', code: 'AL'},
{name: 'Algeria', code: 'DZ'},
{name: 'American Samoa', code: 'AS'},
{name: 'Andorra', code: 'AD'},
{name: 'Angola', code: 'AO'},
{name: 'Anguilla', code: 'AI'},
{name: 'Antarctica', code: 'AQ'},
{name: 'Antigua and Barbuda', code: 'AG'}];*/
});
ご覧のとおり、リストにアイテムを追加したり、テーマを選択するように変更したりすると、意図したとおりに機能します。
これを回避する方法はありますか?