Есть ссылка
<div data-v-f807152d="" class="button">
						<i class="fas fa-envelope"></i>&nbsp&nbsp
						<a href="#popup5">Обратная связь</a>
					</div>
которая делает видимой форму

<div id="popup5" class="overlay">
    <div class="popupfeedback">
        <a class="close" href="#">&times;</a>
        <div class="content">
            <textarea rows="15" maxlength="1000" placeholder="Введите сообщение (минимум 10 символов)" class="feedback" id="feedback"></textarea>
        </div>
		<!--<div class="content">
            <input maxlength="50" placeholder="Ваш Email" class="feedback-email" id="feedback-email"></textarea>
        </div>-->
        <div class="edit-button-cont">
            <button type="text" class="feedback-button">Отправить</button>
        </div>
    </div>
</div>

при этом форма закрывается в этой функции

async function sendFeedback() {
	const feedbackTextElement = document.getElementById('feedback'); // Объявление переменной
    const feedbackText = document.getElementById('feedback').value;
	//const email = document.getElementById('feedback-email').value;
	const email = "test@test.ru";

    // Проверяем длину сообщения
    if (feedbackText.length < 10) {
        console.log("Сообщение слишком короткое. Минимум 10 символов.");
        return; // Выход из функции, если сообщение меньше 10 символов
    }
	
	if (email.trim() === '') {
        console.log("Email не должен быть пустым.");
        return; // Выход из функции, если Email пустой
    }
	
	// Проверяем формат email
    const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; // Простое регулярное выражение для проверки email
    if (!emailPattern.test(email)) {
        console.log("Некорректный Email. Пожалуйста, введите корректный адрес.");
        return; // Выход из функции, если формат email неверен
    }
	
	// Если текст сообщения больше 1000 символов, обрезаем его
    if (feedbackText.length > 1000) {
        console.log("Сообщение обрезано до 1000 символов.");
        feedbackText = feedbackText.substring(0, 1000); // Обрезаем текст до 500 символов
    }
	
	// Создаем объект data для отправки
    const data = {
        feedback: feedbackText,
        email: email
    };
	
	//Отправка сообщения через axios
	try {
        const response = await axios.post("https://gpt.loc:3002/feedback", data);
        console.log("Ответ сервера:", response.data.message);
        
        // Проверка успешности ответа
        if (response.data.message === 'Ok') {
            // Очистка текстовых полей после успешной отправки
            feedbackTextElement.value = '';
            // Если есть поле для email, тоже очищаем:
            // document.getElementById('feedback-email').value = '';
			
			//document.querySelector('.popupfeedback').style.display = 'none';
            // Закрыть форму (если нужно)
            window.location.hash = ''; // Убираем хэш (закрываем .overlay)
            focusInput(); // Фокусируемся снова на нужном поле
			feedbackOkmessageshow();
        } else {
            console.log("Ошибка при отправке:", response.data.message);
        }
    } catch (error) {
        console.error('Ошибка при отправки сообщения', error.message);
    }
}

проблема в том, что после закрытия этой формы и нажатия стрелки Назад браузера снова открывается эта форма, чего быть никак не должно

Обрати внимание как управляется видимость формы

.overlay {
	z-index: 2;
	position: absolute;
	top: 0;
	bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.7);
	transition: opacity 200ms;
  visibility: hidden;
	opacity: 0;
	&.light {
    background: rgba(255,255,255,0.5);
  }
  .cancel {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: default;
  }
  &:target {
    visibility: visible;
    opacity: 1;
  }
}

вроде этим:
&:target {
    visibility: visible;
    opacity: 1;
  }