Как дождаться окончания transition

Есть вёрстка - https://mihinov.github.io/news/
При клике на меню, выходит оверлей, в котором есть календарик



Если нажать на крестик, то меню начнёт закрываться. Если во время закрытия пролистнуть вниз, то оверлей сожмётся, из-за того, что я сделал скрытие хедера при пролистывании вниз.



Я хотел бы сделать слушатель на окончание transition, но он вместо окончания анимация, срабатывает сразу в начале, при клике.

До того, как transition ещё не закончился document.body нельзя скроллить, после того, как сработало нужное событие, можно скроллить.
Я так сделал:

function showMessage() {
    console.log(1); // тут нужный код
}
header__burger.addEventListener("transitionend", showMessage());

Как это работает: при каждом закрытии заново объявляется функция showMessage(), и задаётся слушатель с новой созданной функцией. Но проблема в том, что transitionend срабатывает сразу при закрытии. Как сделать так, чтобы transitionend срабатывал только при окончании анимации?