среда, 22 января 2014 г.

jQuery Chosen и Bootstrap Modal

Внезапно вылез глюк: красивые выпадающие списки плагина Chosen, в отличие от обычного select'а, при работе в модальном окне вместо того, чтобы выпадать за его пределы, выпадают внутри этого окна и создают некрасивый и неудобный длинный скроллбар. Лечится следующим образом:

 $(selector).on('chosen:showing_dropdown',function(){ //selector - идентификатор вашего изначального select'a, к которому вы применили .chosen()
 $('.modal-body').css('overflow','visible');
 $('.modal-body .tab-content').css('overflow','visible'); //у меня в модальном окне были ещё и вкладки, так что пришлось и о них подумать
 });

 $(selector).on('chosen:hiding_dropdown',function(){
 $('.modal-body').css('overflow','auto');
 });

Побочный эффект - если у вас в модальном окне изначально был скроллбар, он будет пропадать при появлении выпадающего списка, и всё содержимое будет чуть подёргиваться. Для меня это не очень важно, но если найдёте способы этого избежать, дайте знать :)

Комментариев нет:

Отправить комментарий