Диалог jQueryUI: изменение размера, мешающее прокрутить стрелку вниз

Question

В приложении, которое я разрабатываю, я всплываю Справка в модальном диалоговом окне jQueryUI.По большей части это работает прекрасно.Существует одна проблема: если вы попытаетесь использовать стрелку в нижнем правом углу диалогового окна для прокрутки текста справки, вы не сможете этого сделать, потому что он находится в том же месте, что и перетаскивание мышью для диалогового окна.

Я понимаю, что этого не произойдет, если я использую опцию «Кнопка» в диалоговом окне jQueryUI, чтобы добавить кнопку «Закрыть» в нижней части диалога, но это будет противоречивос нашим стилем в другом месте приложения.

Кто-нибудь знает разумный способ обойти это?В идеале мне бы хотелось, чтобы в нижней части этого диалогового окна было бы небольшое прокручиваемое деление, не затрагивающее другие диалоговые окна, чтобы изменение размера при перетаскивании мышью на экране было меньше, чем стрелка вниз.

Answer 1

Добавление нижнего отступа к классу ui-dialog в вашем jquery-ui.xxxx.css должно привести к желаемому поведению:

.ui-dialog {
    ... Existing CSS...
    padding-bottom: 15px !important;
}