l'area selezionabile di ui-select inside è 10px un bootstrap modale

Question

Ho un modal bootstrap e, al suo interno, ho una selezione ui per il tagging. Ecco il mio esempio:

<div class="modal modal-invite"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
      <span aria-hidden="true">&times;</span> 
     </button> 
     </div> 
     <div class="modal-body"> 
     <ui-select multiple tagging tagging-label="" ng-model="email_list" theme="bootstrap" ng-disabled="disabled" on-select="" on-remove="" title="Insert your friends email here." > 
      <ui-select-match placeholder="Your friends email here...">{{$item}}</ui-select-match> 
      <ui-select-choices repeat="email in email_list | filter:$select.search"> 
      {{email}} 
      </ui-select-choices> 
     </ui-select> 
     </div> 
     <div class="modal-footer"> 
     <button class="btn btn-success">Invite</button> 
     </div> 
    </div> 
    </div> 
</div> 

Il mio problema è: quando apro il modal con $('modal-invite').modal('show'), la dimensione del segnaposto (e l'area cliccabile) è di 10 pixel, in questo modo:

Dopo aver fatto clic, ottiene la larghezza corretta.
Come posso rendere ui-select aggiornare le dimensioni quando si apre la modale?

Answer 1

Infine ho risolto il controllo delle fonti di selezione ui.
Sembra che ui-select ricalcoli la dimensione di input con uno $watch sulla larghezza genitore.

Così, al fine di aggiornarlo, ho fatto in questo modo:

$('.modal-invite').modal('show'); 
$scope.$apply();