Реализация всплывающего окна при наведении на элемент и закрытие окна при уводе курсора с элемента, а также с раскрывшегося окна?

выложи нормальный код на codepen

countryModalCloseBtn- это мы сами ищи да ?

opacity: 0;
    visibility: hidden;
    overflow-y: auto;

- это тоже сами гадайте где моё окно

Почему люди делают иконки в кнопках/ссылках используя абсолютное позиционирование?

imko, псевдоэлемент ? , ты же в вопросе про позиционирование псевдоэлемента спрашивал

Почему люди делают иконки в кнопках/ссылках используя абсолютное позиционирование?

imko, хм хм, сомнительно

Почему люди делают иконки в кнопках/ссылках используя абсолютное позиционирование?

Александр, ну если всю иконку цветом поменять, то я меняю через стили, так как иконку вставляю через маску

а если часть иконки, то ну желательно да svg вставлять прямо в html

Почему люди делают иконки в кнопках/ссылках используя абсолютное позиционирование?

часто ссылок целая куча в навигации, и у всех у них бывают разные иконки, проще просто дополнительный класс задать этой кнопке, что бы отобразить ту иконку которую хочешь, профит в чём:
1 - если кнопке не задать дополнительный класс с иконкой, то её можно переиспользовать где угодно на сайте, если где-то повторяются шрифты например в других каких-то ссылках или кнопках
2 - нет лишних тегов в html для иконок

Но почему абсолют с паддингом?

попробуй спозиционировать без абсолюта)

Как в Firefox при обновлении страницы сделать, чтобы она не открывалась в самом верху, а оставалась в том же положении, что и до обновления страницы?

Ankhena, раз автор говорит что "иногда" то наверное у него там что-то с браузером, а может и у всех так, я вот тоже не знаю, в firefox не сижу)

Nentra - попробуйте переустановить браузер)

Как в Firefox при обновлении страницы сделать, чтобы она не открывалась в самом верху, а оставалась в том же положении, что и до обновления страницы?

Ankhena, а я перепутал с переходами между страницами да да, ступил))

Как в Firefox при обновлении страницы сделать, чтобы она не открывалась в самом верху, а оставалась в том же положении, что и до обновления страницы?

за это не браузер отвечает, а сам сайт, если на сайте такая логика написана

Как выполнить ajax запрос, только когда вкладка барузера открыта?

17aPaBo3uK, на основе этих событий я так предполагаю что нужно каким-то состоянием манипулировать, и перед тем как отправляться запрос с фронта - нужно просто проверять это состояние, и тогда не будет кучи запросов о которых ты говоришь, что-то ты написал там не так, исправляй

Как выполнить ajax запрос, только когда вкладка барузера открыта?

https://ru.stackoverflow.com/questions/543334/Пров...

Как поменять цвет svg в этом случае?

Bart Simpson, да этот Vite вообще ещё тот геморой, больше хайпа чем пользы от него, соберёт реакт сборку с ошибками, попользовался я им пару раз, в итоге оба раза неудачные, в итоге остался на webpack самописном

Как поменять цвет svg в этом случае?

modelair, понял, ну да стили ты не верно написал но да пофиг, ответ то в целом верный был, ладно дело твоё, захотел удалил)

Как поменять цвет svg в этом случае?

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

Почему в некоторых браузерах не открывает второй ссылки?

а что эта хрень в настройках сбрасывается при обновлении браузеров или шо ?

Как поставить 2 ссылки?

rootnoroot, не знаю, вряд ли без разрешения пользователя можно будет что-то сделать

Как поставить 2 ссылки?

rootnoroot, разреши открывать окна в браузере, так то должно всё работать, хотя вроде до этого и не нужно было разрешать, хм странная хрень

Как поставить 2 ссылки?

rootnoroot,

document.addEventListener( 'wpcf7mailsent', function( event ) {
  location = 'https://marketlead.com.ua/thanks';
  setTimeout(() => window.open('https://pay.fondy.eu/s/U4tSlo3AsA8b', "_blank"), 1000)
}, false );

Как поставить 2 ссылки?

rootnoroot,

document.addEventListener( 'wpcf7mailsent', function( event ) {
        location = 'https://marketlead.com.ua/thanks';

         const link = document.createElement('a');
         link.setAttribute('style', 'position: absolute;')
         link.href = 'https://pay.fondy.eu/s/U4tSlo3AsA8b';
         link.target = "_blank";
         document.body.append(link);
         link.click();
         link.remove();
}, false );

Как поставить 2 ссылки?

szQocks, просто скопируй этот код и вставь и всё, больше ничего не требуется

Почему в некоторых браузерах не открывает второй ссылки?

я же тебе сказал через setTimeout