Dynamic content not work

[BonBonSlick]

e-oj/Magic-Grid#40

Same here with vue

Also, this one package does not update and rerender positions when new items loaded.

[BonBonSlick]

Adding new event helps a little, but not much. Elements repositioned not right

  methods: {
    waitUntilReady () {
      if (this.isReady()) {
        this.positionItems()

        window.addEventListener('resize', () => {
          setTimeout(this.positionItems(), 200)
        })
        window.addEventListener('scroll', () => { // HERE
       this.positionItems()
   setTimeout(this.positionItems(), 200)
        })
    },

Images overflow each other or in open space, 1 per 1000 pixels

[BonBonSlick]

When a new pack of images loaded, they positioned wrong. But works perfectly for static. Calling positionItems() does not help for wrong positioned elements. Maybe some additional css should be applied.

[BonBonSlick]

Hard to track it down, somewhere here wrong calculations

  Array.prototype.forEach.call(this.items, (item, i) => {
        let min = this.nextCol(cols, i)
        let left = min.index * this.colWidth() + wSpace

        item.style.left = left + 'px'
        item.style.top = min.height + min.top + 'px' // I think this one has errors

        min.height += min.top + item.getBoundingClientRect().height
        min.top = this.gap
      })

It uses positions which are already busy.
If it is going to put newly downloaded images there, it should move old images somewhere else.