New items being stack one below previous item

[tonypine]

I'm trying to handle add and remove action, the approach that I'm using right is this:

this.addNewItem()
this.$el.gridList({
  direction: 'vertical',
  lanes: 12
})
this.$el.gridList('resize')

In the addNewItem I just append a new element in the DOM to the grid element. Then I reinitialize the grid, and call a resize.

The behavior is awkward, I have to call resize several times to the grid organize itself correctly, that in my mind would be adding new elements from the left to right row by row.

Do someone have any tip on how to get this to work?