यूई-चयन के क्लिक करने योग्य क्षेत्र 10px बूटस्ट्रैप मोडल

Question

मेरे पास बूटस्ट्रैप मोडल है और इसके अंदर, मेरे पास टैगिंग के लिए ui-select है। यहाँ मेरी उदाहरण है:

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

मेरे समस्या है: जब मैं $('modal-invite').modal('show') साथ मोडल खोलने, प्लेसहोल्डर (और क्लिक करने योग्य क्षेत्र) का आकार इस तरह, 10 पिक्सेल है:

उस पर क्लिक करने के बाद, यह सही चौड़ाई प्राप्त करता है।
मोडल खोलने पर मैं ui-select अपने आकार को रीफ्रेश कैसे कर सकता हूं?

Answer 1

अंततः मैंने यूई-चयन स्रोतों की जांच करने का हल किया।
ऐसा लगता है कि यूई-चयन माता-पिता की चौड़ाई पर $watch के साथ इनपुट आकार को पुन: गणना करता है।

तो, ताकि इसे ताज़ा करने के लिए में, मैं इस तरह किया:

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