Диалоговое окно JQuery-ui переходит к нижней части страницы в Chrome

Я использую jquery ui (jquery-ui-1.10.3) и столкнулся с некоторыми проблемами с диалогом в Chrome.

Я открываю диалог следующим образом:

$('#dialog').dialog({
    width: 400,
    buttons: {
        "save": function() { update(); $( this ).dialog( "close" ); }
    }
});

Этот диалог перетаскивается. Диалог появляется отлично, но как только мне нужно перетащить его, диалог идет/прыгает в нижней части страницы, даже под свитком. И это происходит только в Chrome.

Возможно, кто-то столкнулся с той же проблемой. Любые идеи?

Спасибо

Ответы

Ответ 2

Кажется, это исправить.

html, body {position: relative}

Ответ 3

Я установил родительский элемент (в моем случае тег body) в положение static (он был относительным), и он исправил проблему.

if (isChrome){ document.getElementsByTagName("body")[0].style.position = 'static'; }

Необязательная переменная "isChrome" должна быть рассчитана раньше.

Также вы должны проверить, не изменило ли это изменение существующий макет.

Надеюсь, что это поможет Андраш

Ответ 4

Для меня jquery-ui 1.10.1 работал хорошо. Указанная ошибка в 1.10.3 также выглядит в 1.10.4.

Ответ 5

В jQuery UI 1.10.3 он не работает, даже если ошибка говорит об исправлении. Я нашел это исправлено в: jQuery UI 1.11.2, не пробовал ни одну версию ниже. Но все хорошо с 1.11.2

Ответ 6

попробовать

$( "#dialog-confirm" ).dialog({position: 'center',...

решил мою проблему, используя jquery-ui-1.9.2.custom

Ответ 7

Добавление таблицы стилей:

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">

исправил это для меня

Все версии и документы

Ответ 8

Добавьте относительное расположение к необходимому элементу (ам):

html, body, header, nav, main, footer, article, section, summary{ position: relative; },

Я добавил относительное расположение элементов моего тела, и это решило мою проблему. Я использую jquery-ui-1.10.4