JQuery модальное всплывающее окно Firefox мерцание

Question

Это очень странная проблема, которую также трудно описать.

У меня есть div, в котором есть раскрывающийся список (список выбора), отображающий часы дня (0-23).Этот div отображается в модальном диалоговом окне JQuery с использованием стандартного метода jquery $ ("# div"). Dialog (...).Перед отображением диалогового окна я установил выбранный элемент в поле выбора выше.Проблема, с которой я сталкиваюсь, возникает только в Firefox.Когда выбранный элемент больше или равен 20, экран мерцает, когда появляется модальное диалоговое окно jquery.Если выбранное значение меньше 20, модальное диалоговое окно появляется нормально, и экран не мигает.Я знаю, это звучит странно, но я устранял эту проблему в течение двух дней, и к этому я пришел к выводу.Как мы все знаем, когда вы опускаете элемент выбора, вы видите фиксированное количество параметров, а другие параметры видны только при прокрутке вниз окна выбора.В моем случае я вижу первые 19 элементов и начиная с 20-го, они не находятся в области просмотра пользователя, но он должен прокрутить, чтобы перейти к этой опции.Я уверен, что когда я устанавливаю выбранный элемент на что-либо, что не видно в окне просмотра (но действительно присутствует ниже последнего видимого элемента в раскрывающемся списке), экран мерцает.Я проверил это, добавив 10 дополнительных элементов в начало поля выбора, и мерцание началось с 10-го элемента и далее.(вместо 20 он запустился, когда я установил выбранную опцию на что-либо более 9-го элемента).

Вещи, которые я пробовал: 1. Удалил код, который устанавливает выбранный элемент, и это убирает мерцание, подтверждающее, что выборкоробка действительно причина.2. Не показывать div в моде jquery, а как обычный div на экране.Это не вызывает мерцание, подтверждающее, что диалог jquery делает что-то, что вызывает мерцание.3. Убрал выпадающий список из DOM и добавил его обратно после загрузки модального jquery.Мерцание остается.и много других вариантов ... но безуспешно!

Я был бы очень признателен, если бы кто-нибудь помог мне с тем, что здесь происходит!

Я не был уверен, как загрузить вложение здесь, и редактор не позволил мне вставить HTML-код.Итак, я написал аналогичный пост на форуме поддержки jquery ui.Пожалуйста, смотрите код там.

Ссылка для кода

Спасибо

Answer 1

Я не могу поверить, что у кого-то еще есть такая же проблема. Я официально потратил впустую около двух дней, пытаясь выяснить, что, черт возьми, происходит с моей страницей asp.net. Я действительно думал, что это была проблема с моим кодом панели обновлений, но я просто попытался воспроизвести пример Руши, и он действовал так, как он сказал. Я просто вручную добавил следующий элемент управления на страницу (без кода для списка), и он вложен в ajax tabcontrainer внутри панели обновления. Если вы установили элемент 20 как выбранный, страница мигает при загрузке этой вкладки. Я попробовал css, упомянутый на tabcontainer, панели вкладок, панели обновления и выпадающем списке, но не повезло. Сумасшедший выберите пункт 19 без мерцания, 20 (который на самом деле является 21-м предметом), и он действительно мерцает. Это сводит меня с ума. И да, это происходит только в FireFox (работает 3.6).

<asp:DropDownList ID="DropDownList1" runat="server" >
<asp:ListItem Text="" Value="0" />
<asp:ListItem Text="....................................1" Value="1" />
<asp:ListItem Text="2" Value="2" />
<asp:ListItem Text="3" Value="....3" />
<asp:ListItem Text="4" Value="4" />
<asp:ListItem Text="5" Value="5" />
<asp:ListItem Text="6" Value="6" />
<asp:ListItem Text="7" Value="7" />
<asp:ListItem Text="8" Value="8" />
<asp:ListItem Text="9" Value="9" />
<asp:ListItem Text="10" Value="10" />
<asp:ListItem Text="11" Value="11" />
<asp:ListItem Text="12" Value="12" />
<asp:ListItem Text="13" Value="13" />
<asp:ListItem Text="14" Value="14" />
<asp:ListItem Text="15" Value="15" />
<asp:ListItem Text="16" Value="16" />
<asp:ListItem Text="17" Value="17" />
<asp:ListItem Text="18" Value="18" />
<asp:ListItem Text="19" Value="19" Selected="True" />
<asp:ListItem Text="20" Value="20"  />
<asp:ListItem Text="....................................21" Value="21" />
<asp:ListItem Text="22" Value="22" />
<asp:ListItem Text="23" Value="23" />
<asp:ListItem Text="24" Value="24" />
<asp:ListItem Text="25" Value="25" />
<asp:ListItem Text="26" Value="26" />
<asp:ListItem Text="27" Value="27" />
<asp:ListItem Text="28" Value="s28" />
</asp:DropDownList>

Answer 2

Попробуйте добавить style = "overflow: hidden" в div (или обновите таблицу стилей) - у меня были проблемы с мерцанием jQuery в firefox до того, как они были решены таким образом.