Изменение свойства отображения стиля в Chrome JavaScript выполняется неправильно - PullRequest
0 голосов
/ 17 июня 2020

Я разработал следующий код JS в Firefox:

show_message("Menu is being loaded ...");
load_menu();
hide_message();

function show_message(mesg) {
  mmw_content.textContent = mesg;
  mmw_content.style.display = mmw_shade.style.display = "block";
}

function hide_message() {
  mmw_content.style.display = mmw_shade.style.display = "none";
  mmw_content.textContent = "";
}

CSS для затененного фона и модального сообщения выглядит следующим образом:

/* modal message window */
#mmw_shade {
  display: none;
  position: fixed;
  z-index: 100;
  background: silver;
  opacity: 0.25;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#mmw_content {
  display: none;
  background: lightgray;
  border: 2px solid grey;
  border-radius: 3px;
  padding: 3px;
}

Окно модального сообщения отлично отображается и скрывается в Firefox, но в Chrome отображение окна не выполняется. Кажется, что это как-то задерживается и отображается только перед тем, как скрыть, хотя загрузка меню между ними занимает 4 секунды. Однако, когда я просматриваю код в режиме отладки, он показывает.

Работает ли Chrome JS со стеком программы иначе, чем Firefox?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...