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

подскажи пожалуйста что не так......................

я не знаю что тут делает toggle, может он повторно вызывает перерендеринг

Не хочет. Invalid Host Header выдает.

ну если нету класа то добавляет класс... Просто 1 раз нажатия нормально работает, а как 2 раз делаю функция  2 РАЗА запускается, почему блин..

моя "телепатия" не позволяет сходу дать точный ответ, я просто перебираю различные вероятные варианты

const toggleCardPopup = (popupCard) => {
   
   popupCard.classList.toggle("popup-form_showed");
   
   
};

   const cardImage = document.querySelector('.popup-card');
   toggleCardPopup(cardImage);
 
   cardImage.querySelector('.popup-card__image').src = event.target.src;
   cardImage.querySelector('.popup-card__caption').innerText = event.target.closest('.element').querySelector('.element__caption').innerText;
   const closeImagePopup = cardImage.querySelector('.popup-card__button');
   closeImagePopup.addEventListener('click', () => toggleCardPopup(cardImage));

тупо когда поставил ()=> начала херня происходить

В трелло нет трекинга времени :(

toggl

у меня боше подозрений вызывает innerText, с ним реально надо поаккуратней

так все очевидно

??

Исходя из вот этого вот я вижу, что этот блок кода находится внутри обработки события

Да это херня... почему та хуйня его циклирует... я раньше делал просто

const toggleImagePopup = () => {
   
   popupImageCard.classList.toggle("popup-form_showed");
   
   
};

closeImagePopup.addEventListener('click', toggleImagePopup);

То работало, решил сделать "универсальный тогл"))))

у тебя идет порождение событий

да

а что с этим делать?

ну