Uzyskiwanie select2 do pracy z aktywnym adminem

Question

Pracuję z aplikacją z Active Admin i potrzebuję wybrać wiele wartości z wejścia select, dodałem klej Select2, który dodaje wszystkie istotne JS i CSS bez problemów, ale dla z jakiegoś powodu pola wyboru wydają się nieznacznie zmieniać swój wygląd, ale nie do końca. Wygląd Select2, po sprawdzeniu JS nie wygląda na to, że dodał wszystkie poprawne klasy ...... jakieś pomysły?

Oto mój kod:

active_admin.css.scss

//= require select2 
@import "active_admin/mixins"; 
@import "active_admin/base"; 

active_admin.js

//= require select2 
//= require active_admin/base 
$(".select2able").select2({ 
placeholder: "Select a Partner" 
}); 

formularza activeadmin

f.input :sponsors, as: :select, collection: Sponsor.all, input_html: {class: 'select2able'} 

Answer 1

Problem rozwiązany, zastosuj wybrany js zamiast se lect2, działa tak samo dobrze jak select2, ale bez problemów z aktywnym adminem.

https://github.com/gregbell/active_admin/issues/2267#issuecomment-19197807

Answer 2

Jest to spowodowane decyzją Aktywna Admin do zawijania swoje style CSS wewnątrz selektora .active_admin. W rezultacie większość stylów CSS klejnotów innych producentów staje się mniej specyficzna, a ich wygląd się załamuje.

Dla Select2 i wszystkie kamienie, których CSS pliki są wewnątrz „stylów” Folder, dodaj następujące wiersze na dole active_admin.css.scss:

body.active_admin { 
    @import "select2"; 
} 

da to wszystko stylów select2 za selektor body.active_admin, czyniąc je bardziej specyficzne niż style aktywnego administratora.