How to remove focus from ui-select after selecting an option
<p>I need to remove focus from ui-select input once the user has selected an option using mouse click and on enter start searching. Now what happens is that the focus is still there on select and as a result the dropdown list is opened on clicking enter.</p>

<pre><code>  &lt;ui-select id= "country" ng-model="ctry" name= "country"  theme="bootstrap"&gt;
      &lt;ui-select-match &gt;{{text || $select.selected.id}}&lt;/ui-select-match&gt;
          &lt;ui-select-choices repeat="countryL in countryLookup | filter: $select.search"&gt;
             &lt;div ng-bind-html="countryL.id | highlight: $select.search"&gt;&lt;/div&gt;
                &lt;small ng-bind-html="countryL.name | highlight: $select.search"&gt;&lt;/small&gt;
       &lt;/ui-select-choices&gt;
</code></pre>

<p></p>