2-е событие не стреляет

Question

, пожалуйста, посмотрите на этот упрощенный пример кода:

myInputElement.addEventListener('blur', e => {
  loader.classList.remove('hide');
  save()
    .then(response => {
      loader.classList.add('hide');
    })
    .catch(e => console.log(e));
});

myButton.addEventListener('click', e => {
  // do something
});

Теперь, если я наберу какой-нибудь текст в myInputElement и затем нажму myButton, событие размытия срабатывает, пока щелчокСобытие неОднако, если я удаляю loader.classList.remove('hide'), оба события запускаются.

Может кто-нибудь объяснить мне, почему это так или как я могу это решить?

Спасибо!