İç ui-select tıklanabilir alanı 10px bir bootstrap modal

Question

Bir bootstrap modalım var ve içinde etiketleme için bir ui-select var. İşte benim örnek:

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

Sorunum: Ben $('modal-invite').modal('show') ile modal açtığınızda, yer tutucu (ve tıklanabilir alan) büyüklüğü 10 piksel böyle şöyledir:

Tıkladıktan sonra, doğru genişliği alır.
Model açılırken, ui-select yenileme boyutunu nasıl yapabilirim?

Answer 1

Son olarak, ui seçim kaynaklarını denetlemeyi çözdüm.
Ui-select, giriş boyutunu, üst genişlikte $watch ile yeniden hesaplar gibi görünüyor.

Yani, bunu yenilemek amacıyla, böyle yaptı:

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