Проблема полосы прокрутки с jQuery диалоговое окно UI в Chrome и Safari

Я считаю, что слишком большие диалоги противоречат вашему требованию «приличного удобства использования». Даже если бы у вас не было обходного пути из-за ошибки диалогового окна jQuery UI, я бы избавился от таких больших диалогов. В любом случае, я понимаю, что могут быть некоторые «крайние» случаи, когда вам нужно адаптироваться, поэтому ...

Тем не менее, было бы неплохо, если бы вы приложили скриншот - вы задаете вопрос о дизайне, но мы этого не видим. Но я понимаю, что вы, возможно, не сможете / не захотите показать его содержимое, так что это нормально. Это мои слепые догадки; надеюсь, вы найдете их полезными:

• Попробуйте другой макет для своего диалога. Если вы это сделаете, сделайте это для всех диалогов, а не только для тех, с которыми у вас возникли проблемы (пользователи не любят изучать много разных интерфейсов).
• Если вы не можете найти другой макет, попробуйте сначала расширить диалоговое окно . ЕСЛИ у вас есть много вариантов на выбор, вы можете найти хорошее решение, разделив их на две колонки.
• Зная, что вы уже используете jQuery UI, попробуйте использовать вкладки . Если у вас слишком много параметров, панель с вкладками обычно является хорошим решением - пользователи «привыкли» к этому виджету.
• Вы говорили об «элементах» в диалоговом окне, но мы не знаем, что это за элемент. Можно ли вообще отображать их в «обобщенном» виде, например, в небольшом списке слева и в расширенном виде справа, когда вы нажимаете на них? Например, имея список с названиями элементов слева, и когда вы щелкаете по ним, вы получаете полное отображение справа.

Не имея возможности увидеть дизайн, я думаю, это все, что я могу.

Хотя я согласен с теми, кто не делает диалоговое окно больше, чем область просмотра, я думаю, что в некоторых случаях может потребоваться прокрутка. Диалог может выглядеть очень хорошо в разрешении больше 1024 x 768, но все, что меньше, выглядит ломким. Или скажите, например, что вы никогда не хотите, чтобы диалоговое окно отображалось над заголовком вашего сайта. В моем случае у меня есть объявления, которые иногда имеют проблемы с z-индексом flash, поэтому я никогда не хочу, чтобы над ними отображались диалоговые окна. Наконец, вообще плохо лишать пользователя какого-либо общего элемента управления, такого как прокрутка. Это проблема, не связанная с размером диалога.

Мне было бы интересно узнать, почему эти события mousedown и mouseup вообще существуют.

Я попробовал решение, которое предоставил alexis.kennedy, и оно работает с перебоями, не нарушая ничего из того, что я вижу в любом браузере.

Вы пробовали мой добавочный номер к Dialog? http://plugins.jquery.com/project/jquery-framedialog

Я обхожу эту ситуацию, отключая модальный режим диалога и показывая оверлей вручную:

function showPopup()
{
    //...

    // actionContainer - is a DIV for dialog

    if ($.browser.safari == true)
    {
        // disable modal mode
        $("#actionContainer").dialog('option', 'modal', false);

        // show overlay div manually
        var tempDiv = $("<div id='tempOverlayDiv'></div>");
        tempDiv.css("background-color", "#000");
        tempDiv.css("opacity", "0.2");
        tempDiv.css("position", "absolute");
        tempDiv.css("left", 0);
        tempDiv.css("top", 0);
        tempDiv.css("width", $(document).width());
        tempDiv.css("height", $(document).height());
        $("body").append(tempDiv);
    }

    // remove overlay div on dialog close
    $("#actionContainer").bind('dialogclose', function(event, ui) {
        $("#tempOverlayDiv").remove();      
    });

    //...
}