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

szQocks, нет в моем коде все также, подвисания смотрю activity monitor при наведении - нагрузка на CPU взлетает с 8% до 40%, вот и думаю в чем проблема

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

szQocks, первый пункт исправил, скопировал случайно, по второму пункту не пойму в чем проблема. Это код scss, country-modal находится в самом низу кода html

Получение DOM элемента, который подгружается с помощью JavaScript кода в div?

roma3928, вероятно там действительно суть в том, что js код который помещает в <div id="menu-full"></div> работает ассинхронно и нужно каким-то образом ловить этот элемент в промисе

Получение DOM элемента, который подгружается с помощью JavaScript кода в div?

Максим, вот если после загрузки страницы на писать в консоле

console.log(menuFull);
console.log(menuFull[0]);

то он выведет нужный нам aside, но если это делать в редакторе тильды, то undefined

Получение DOM элемента, который подгружается с помощью JavaScript кода в div?

Максим, первый также undefined

Получение DOM элемента, который подгружается с помощью JavaScript кода в div?

roma3928, он получает живую коллекцию, но если запросить нулевой элемент коллекции, то выведет undefined

Получение DOM элемента, который подгружается с помощью JavaScript кода в div?

Максим, да

Получение DOM элемента, который подгружается с помощью JavaScript кода в div?

Максим, поторопился, при обращении getElememtsByClassName мы действительно получим коллекцию внутри которой будет aside, но если написать как ниже, то в console.log(menuFull[0]); выведет undefined

window.onload = function() {
    const menuFull = document.getElementsByClassName("menu__categories");
    console.log(menuFull);
    console.log(menuFull[0]);
    }

Получение DOM элемента, который подгружается с помощью JavaScript кода в div?

Максим, спасибо большое! действительно, живая коллекция решение данной проблемы!

Получение DOM элемента, который подгружается с помощью JavaScript кода в div?

ProjectSoft, сейчас понял, спасибо большое! проблема только в том, что нет доступа к коду, который загружает данные в блок. Впервые взялся за работу с конструктором, не думал, что так муторно будет(

Получение DOM элемента, который подгружается с помощью JavaScript кода в div?

ProjectSoft, понял, спасибо. Написал промис , но он, к сожалению, не работает

function loadScript() {
  return new Promise(function(resolve) {
    let script = document.querySelector('#menu-script');

    script.onload = () => resolve(script);
  });
}

    let promise = loadScript();

    promise.then( () => {
     const menuFull = document.querySelector('#menu-full');
     console.log(menuFull);

    for (let elem of menuFull.children) {
        console.log(elem)
    }
    
    });

Получение DOM элемента, который подгружается с помощью JavaScript кода в div?

roma3928, выше кинул скрин вывода, у коллекции menuFull.children по какой-то причине первым элементом является h3 с классом loading

Получение DOM элемента, который подгружается с помощью JavaScript кода в div?

ProjectSoft, Проблема в том, что мне нужно достучаться до тега section, который находится в div#menu-full, но если получать его через document.querySelector, то получаем null. Я получаю const menuFull = document.querySelector(#menu-full) и он выводит все нормально и далее у элемента menuFull вывожу коллекцию children в ней по идее должно быть 2 элемента section с классом menu и div vue-notification-group, но выводит он h3 и div vue-notification-group

Получение DOM элемента, который подгружается с помощью JavaScript кода в div?

ProjectSoft, в коллекции детей menuFull стоит h3 с классом loading, что странно, ведь функция события load.

Получение DOM элемента, который подгружается с помощью JavaScript кода в div?

roma3928, изменил код на

window.onload = function() {
        const menuFull = document.querySelector('#menu-full');
        console.log(menuFull);
   
    for (let elem of menuFull.children) {
     console.log(elem)
    }
    }

Получение DOM элемента, который подгружается с помощью JavaScript кода в div?

ProjectSoft, Вот оно подгружает тег h3, а должен section