Cara Mengatasi Posisi Select2 pada Modals Bootstrap

 Disclaimer:

Artikel ini saya buat untuk dokumentasi saya sehingga artikel hanya memuat sedikit kalimat.

Pada kesempatan kali ini saya akan berbagi cara untuk mengatasi selct2 pada modals bootrap yang posisinya tidak sesuai dengan kolom selectnya. Seringkali terjadi jika menggunakan beberapa select2 pada 1 modals bootstrap.

Contoh definisi class select2 pada modal yang mengakibatkan element select2 posisinya kadang salah.

 $(".select2").select2({  
   dropdownParent: $("#modalName")  
  });  

Saya berhasil fix bug ini dari berselancar pada stackoverflow. Caranya yaitu mendefinisikan select2 dengan script berikut :

 $('.select2').each(function() {   
       $(this).select2({ dropdownParent: $(this).parent()});  
     })