Невидимое окно с ошибкой

Иногда некоторые поля админки перестают реагировать на клики. Потыкав мышью можно «нащупать» вот такое окно, оно прозрачное, но при перемещении его можно увидеть. Встречал его на разных сайтах, кто-нибудь знает что это такое и как от него избавиться?
Евгений Ц.
06 августа 2020, 01:14
modx.pro
557
+1

Комментарии: 10

Scorp Satex
06 августа 2020, 22:04
0
Встречал. Часто такое на сайтах на хостинге nic.ru. Там окошко с ошибкой, но видимо из-за css — оно ниже чем нужно и его не видно. Как избавится — не знаю.
    Руслан Алеев
    06 августа 2020, 23:20
    0
    Да, на github было обсуждение. Но проблема в том, что никто отловить эту багу не может :) Если вы скажете, как воспроизвести данную ошибку (последовательность действий), то это сильно поможет и ее уже можно будет чинить.
      Евгений Ц.
      08 августа 2020, 00:14
      +1
      Спасибо. Я сначала думал, что это из-за моего плагина, ломал голову, как такое происходит, но потом оно появилось там, где плагина не было. Надо будет его отловить и хотя бы в css display: none прописать по возможности.
        Scorp Satex
        12 августа 2020, 17:17
        +1
        Выяснил причину:

        Окно появляется посредством JavaScript Animate функции, при его появлении стороняя JS ошибка «ломает» JavaScript и препятствует нормальной отрисовки окна с ошибкой. В моем случае проблема была в настройках хостинга, препятствующего загрузки большого количества файлов.

        Окно появляется в моем случае с css: «opacity: 0». После исправления сторонних ошибок — проблема решилась.



          Руслан Алеев
          12 августа 2020, 17:31
          0
          Спасибо, закинул в обсуждение на github — github.com/modxcms/revolution/issues/13933#issuecomment-672907053
          С миру по нитке собираем инфу :)
            Scorp Satex
            07 сентября 2020, 18:01
            +1
            Поймал ошибку еще раз. Ошибка в консоли ломает JS, и окно висит с css «opacity:0» — перекрывая всё. Меняешь на «opacity:1» и его видно. Вот пара скриншотов:



              Руслан Алеев
              07 сентября 2020, 18:05
              0
              :) А вы можете указать код чанка? Нужно в идеале отловить процесс возникновения ошибки, чтобы тестировать появление окна. А то, что окно в «opacity:0» висит — это понятно.
                Scorp Satex
                07 сентября 2020, 18:13
                0
                <div class="container">
                  <div class="slider_holder">
                	<div class="slider_row" style="background: url(/assets/manager/slider/slide_1.jpg) no-repeat center center;">
                	  <div class="slider_text_holder">
                		<h1>text<br />
                		  text<br />
                		  text</h1>
                		<div class="col-md-7 col-md-offset-5 text-right">
                		  <p>text</p>
                		  <ul class="list-unstyled">
                			<li>text</li>
                			<li>text</li>
                			<li>text</li>
                		  </ul>
                		  <h3>text</h3>
                		  <div class="slider_text_partners">
                			<img src="/assets/manager/slider/slider_partner.png" alt="" />
                			<img src="/assets/manager/slider/slider_partner.png" alt="" />
                		  </div>
                		  <div class="slider_text_partners">
                			<img src="/assets/manager/slider/slider_partner.png" alt="" />
                		  </div>
                		</div>
                	  </div>
                	</div>
                	<div class="slider_row" style="background: url(/assets/manager/slider/slide_2021.jpg) no-repeat center center;">
                	  <div class="slider_text_holder">
                	  </div>
                	</div>
                	<div class="slider_row" style="background: url(/assets/manager/slider/slide_2020.jpg) no-repeat center center;">
                	  <div class="slider_text_holder">
                		<h1 style="color: #f5c475; text-shadow: 1px 1px 2px black;">text<br />
                		  text</h1>
                	  </div>
                	</div>
                  </div>
                </div>
                  Руслан Алеев
                  07 сентября 2020, 18:18
                  0
                  С чанком все нормально. Ошибка 502 — это ответ от сервера, но вот как её вызвать — вопрос :)
                    Руслан Алеев
                    08 сентября 2020, 10:24
                    0
                    А что вы имеете ввиду под
                    стороняя JS ошибка «ломает» JavaScript и препятствует нормальной отрисовки окна с ошибкой. В моем случае проблема была в настройках хостинга, препятствующего загрузки большого количества файлов.
                    Что значит «сторонняя JS ошибка», можете подробнее объяснить?

                    И тот же вопрос к
                    Ошибка в консоли ломает JS
                    Что за ошибка?
          Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
          10