egjs-infinitegrid: 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?

About this issue

Original URL
State: closed
Created 4 years ago
Reactions: 1
Comments: 15 (7 by maintainers)

Most upvoted comments

@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>)
}

daybrush on Jul 20, 2020