Position not ok when one column on vue-infinitegrid

Description

When I add items to my array when I have one column (mobile) the items are added to it but I cannot see them unless I resize the screen, I inspected the code with dev tools and the position of the elements is not correct: style="position: absolute; left: -100000px; top: -100000px;"

It changes to the correct one after I resize the screen but it should appear correct when I load the new elements. This behaviour does not happen when I have two or more columns on my grid.

Any ideas on why this is happening?

[daybrush]

@akshaybosamiya

key={${image.id}_${Date.now()}} is’t it true that the key doesn’t change when rendering?

It seems that the key changes every time it is rendered.

Aren’t you writing this way in the parent component?

render() {
    const childElements = images.map(image => <div key={`${image.id}_${Date.now()}`}></div>)
}

[akshaybosamiya]

@daybrush,

Oh! My bad. Yeah, Key will differ on render. I understood group key.

Thanks a lot for the torubleshooting.