Почему не всегда срабатывает Intersection Observer?

Question

[Олег Андрианов]

Добрый день.
Установил наблюдение за контейнером и установил отслеживание за двумя точками: более 0.2 - первая и более 0.7 - вторая. Первая точка(0.2) всегда срабатывает с первого раза, вторая(0.7) - не всегда(покрутишь туда-сюда и срабатывает).
Я не понимаю логику. Иной раз прокрутишь быстро и сработают обе точки, в другой раз крутишь медленно и вторая не отрабатывает с первого раза. В чем может быть проблема?

Скрипка на codepen

if (document.querySelector(".advantages")) {
    let advantages = document.querySelector(".advantages");
    
    const options = {threshold: [0.2, 0.7],}
    
    let callback = function(entries, observer) {
        
        if (entries[0].intersectionRatio > 0.2) {
            document.querySelector(".advantages__notice").classList.remove("advantages__notice--hidden");
        }
        
        if (entries[0].intersectionRatio > 0.7) {
            let target = entries[0].target;
            let children = Array.from(target.querySelectorAll(".advantages__item--hidden"));
            
            children.forEach(item => {
                item.style.transitionDelay = `${item.dataset.delay}`;
                item.classList.remove("advantages__item--hidden");
            });
            
            observer.unobserve(advantages);
        }
    }
    
    observer = new IntersectionObserver(callback, options);
    observer.observe(advantages);
}

Comments

[SagePtr]

entries[0].intersectionRatio > 0.7
Что произойдёт, если окажется ровно 0.7? (а точнее, то число, в которую константа 0.7 переходит с учётом погрешности).

[SagePtr]

Хотя в вашем случае - вы уверены, что он у вас на более 70% помещается в вьюпорт?

[Олег Андрианов]

SagePtr, блок, который отслеживается пикселей 600 в высоту, полностью помещается во вьюпорт и отслеживаю я только на десктопах.
На кодпене мой код работает как часы, поэтому я склоняюсь к тому, что причиной является забитый стэк, т.к. исполняемый js файл нашпигован разнообразными скриптами.

[SagePtr]

Олег Андрианов, а почему не рассматриваете вариант, что на десктопе у вас может быть открыта консоль разработчика, отъедающая место на экране?

[Олег Андрианов]

SagePtr, потому что в случае, когда она закрыта то же не всегда срабатывает.