1.
window.addEventListener("DOMContentLoaded"...
Этот обработчик развешивает обработчик на маску после загрузки страницы. На формы, которые сформированы динамически после этого события - этот обработчик не захватит, на тех формах input-ы будут без масок.
Для этого нужно из анонимной функции этого обработчика нужно сделать нормальный именованный метод, и использовать этот метод, как в событии DOMContentLoaded, так и в других событиях, когда дорисовываются динамически еще какие-то дополнительные формы.
2.
... document.querySelectorAll('.tel')...
На input-е должен быть класс tel, вышеупомянутый обработчик пробегает только по таких элементам.
3. На input-элементе можно проверить, висит ли нужный обработчик событий. Нажмите F12, перейдите во вкладку Элементы, активируйте опцию "Выбрать элемент для проверки", чтобы мышкой можно было указать на экране исследуемый элемент. Перейдите в подвкладку "Прослушиватели событий", и посмотрите, есть ли такие обработчики:
input.addEventListener("input", mask, false);
input.addEventListener("focus", mask, false);
input.addEventListener("blur", mask, false);
input.addEventListener("keydown", mask, false)
Если есть, то посмотрите, на какой участок кода они ведут. Если нет, то проблема по пункту 1 или 2.