chosen with bootstrap 3 not working properly

Question

I have this code which triggers a bootstrap modal and load its content via $.load(). the page I\'m loading has a select element which I\'m calling chosen on. He

Answer 1

Adding width to your chosen class will solve this problem.

$('.someClick').click(function(e){
   e.preventDefault();
   x.modal('show');
   x.on('shown.bs.modal', function(){
       x.find('.modal-body').load('path/page.html', function(response, status, xhr){
           if(status == "success"){
               $("select[name=elementName]").chosen({ width:'100%' }); /* add width here !!! */
           }
       });
   });
});