[PsiMagistr]

Друзья, столкнулся с следующей проблемой.

У меня есть флекс контейнер, куда я программно пытаюсь встроить несколько дивов.

вот код:

[JS]
function createMatrix(col, row){
let len = col * row;
for(let i = 0; i < len; i++){
let cell = document.createElement("div");
cell.classList.add('cell');
matrix.appendChild(cell);
cells.push(cell);
}
}
[JS]

У меня есть некоторый стилевой класс cell

#matrix .cell{
width:19px;
height:19px;
border-bottom:1px solid black;
border-right:1px solid black;
flex-wrap: wrap;
}

Так вот при динамическом добавлении этого класса неверно отрабатывает свойство flex-wrap: wrap;

При этом если я дивы добавляю вручную в верстке, то все хорошо.

если я переношу свойство на сам див (в стилях)

div{
flex-wrap: wrap;
}

То тоже все замечательно.

Проблема при динамическом добавлении класса, причем только свойства flex-wrap: wrap;