MutationObserver для проверки того, что элемент появляется или исчезает из DOM

Question

Ниже приведен код для наблюдения за модальным окном, но он, похоже, не работает.

var observer = new MutationObserver(function (mutations) {
   mutations.forEach(function (mutation) {
      if(mutation) { console.log('appeared') }
   })
})


var node = document.querySelector('[class^="selection-menu-container"]')
observer.observe(node, {childList: true, substree: true})

Есть подсказка, чего не хватает? Когда я делаю console.log(node), я вижу, что он нацелен на модальное окно. Обратите внимание, что класс selection-menu-container недоступен в DOM при первой загрузке, может ли это быть причиной проблемы?

Answer 1

MutationObserver работает только с одним уровнем прямых дочерних элементов, он не будет работать более чем с 1 уровнем вложенных дочерних элементов.