Bootstrap dropdown doesn't work inside modal

Question

Is there a known reason why dropdown would not work inside a modal? I am using rails 4 and the dropdown works perfectly fine all over the app except for the modal. Here is how it is rendered enter image description here

I suspect this might be an issue with javascript, I have tried changing the order of including javascripts in my application.js but nothing would work. Here is my application.js:

//= require bootstrap
//= require jquery/jquery-2.1.1.js
//= require jquery_ujs
//= require turbolinks
//= require cloudinary
//= require jquery.turbolinks
//= require slimscroll/jquery.slimscroll.min.js
//= require bootstrap-sprockets

Has anyone ran into this before? is there a fix for this? I tried searching all over but couldn't find any relevant solution

EDIT: The modal code

    
      `enter code here`
        
          
            
            Add Group
          


    
        Class name 

Class name 

    
                    Select

Thanks

unconditional · Accepted Answer

I assume you use the jQuery.Chosen plugin. Here's the code:

$(document).ready(function() {
  $('#myModal').on('show.bs.modal', function(e) {
    console.debug('modal shown!');
    $('.chosen-select', this).chosen({width: "350px"});
  });

  $("#myModal").modal('show');
});









  
    
      
        
        
          Add Group
        
      
      
        
          
            Class name
          
          
        

        
          
            Description
          
          
        

        
          
            Select
          
          
            
          
        
      
      
        
        
      
    
  


  
    
      
        
        
          Add Group
        
      
      
        
          
            Class name
          
          
        

        
          
            Description
          
          
        

        
          
            Select

Reference: chosen with bootstrap 3 not working properly

Bootstrap dropdown doesn't work inside modal

Answers (2)

Related Questions

Bootstrap dropdown doesn&#39;t work inside modal

Answers (2)

Related Questions

Bootstrap dropdown doesn't work inside modal