Условный оператор не работает в ie11 для настройки отображения CSS

Question

С моим условным оператором в ie11 происходит странное явление: если первые два условия ложны, а код выполняется только в другом, отображение successMessage будет заблокировано, как и ожидалось.

По какой-то причине, скажем, условие 2 ложно, а затем обновляется до true, блок кода else не устанавливает блокировку отображения, однако консоль действительно записала сообщение в журнал.

Конечно, все хорошо работает в современных браузерах.

CSS:

.alert-success {
  display: none;
}

JS:

handleSubmit = () => {

  let successMessage = document.querySelector('.alert-success');

  if ( condition 1 ) {
   // do something
  } else if ( condition 2 ) {
   // do something else
  } else {
    successMessage.style.display = 'block'
    console.log('Did this render?');
  }

}