JQuery UI гармошка с autoHeight = true имеет ненужную полосу прокрутки на панелях не по умолчанию

Question

У меня проблемы с аккордеоном jQuery. Когда я создаю панель контента, где панель не по умолчанию имеет больше контента, чем панель по умолчанию, и autoHeight имеет значение true, это обеспечивает хорошую анимацию при переключении панелей, но панель не по умолчанию получает полосу прокрутки, которая мне не нужна.

Вы можете увидеть это в действии, перейдя к http://jqueryui.com/themeroller/,, переключившись на тему, подобную "Blitzer" или "Humanity", и затем открыв Раздел 3 примера аккордеона. Бывает со мной с Safari 3.2.1 и Firefox 3.0.8.

Если вы переключитесь на autoHeight = false, то этого не произойдет, и все панели содержимого будут иметь правильную высоту, но панель содержимого отображается только в конце анимации и выглядит странно, поэтому мне пришлось отключить анимацию, чтобы избежать этой странности.

Либо я что-то неправильно понял, либо это ошибка в jQuery UI гармошке. Пожалуйста, помогите мне выяснить, какой из двух (или, может быть, оба).

Answer 1

Проверьте, не перекрывается ли заполнение для содержимого ui-accordion.

У меня возникла такая же проблема, когда я поместил в свой css следующее:

.container .ui-widget-content {
    padding-right: 3%;
}

Я изменил его, как показано ниже, и полосы прокрутки исчезли!

.container .ui-widget-content:not(.ui-accordion-content) {
    padding-right: 3%;
}

У меня не включена авто-высота.