Почему не отрабатывает forEach?
Дело в том, у какого объекта вызывать метод forEach()

Сейчас, очевидно, вызываете на массиве или статичном NodeList'е, в который свежедобавленный элемент не попадает.

Почувствуйте разницу между статичным и динамическим NodeList'ом. Первый содержит только те элементы, которые в него попали на момент создания. Динамический будет содержать и добавленные после.

querySelectorAll() возвращает статичный набор.

Решение, в общем – либо заново собирать элементы, и по ним запускать forEach(), или же получать динамическую коллекцию, используя соотв. метод.
Ну это ведь логично, что при новом рендере, ваша старая переменная которая содержит этот массив с элементами не пополнится новым элементом, вам нужно на моменте добавления нового элемента на странице, заново перезаписывать массив, + как вариант чтобы по новому не накидывался класс на элемент у которого уже есть, искать эти же элементы, которые не имеют 'active' класса
P.S. 
пример 
let array = document.querySelectorAll('.element:not(.active)');