collection-repeat: Order is not preserved

[michelalbers]

Hi,

if you use collection-repeat with several items the order of the items is not preserved. You can specify a track by function on your own but that doesn't change anything.

best,
Michel

[ajoslin]

Hi @michelalbers, what do you mean by 'not preserved'?

Could you post a codepen?

[michelalbers]

I use Collection-Repeat with Images in a 3 Column Grid. When scrolling up or down the elements change their order.

I will provide a codepen if further information is needed.

Am 19 Jul 2014 um 01:40 schrieb Andrew Joslin [email protected]:

Hi @michelalbers, what do you mean by the 'not preserved'?

—
Reply to this email directly or view it on GitHub.

[ajoslin]

Yes, I think I understand the problem now. Could you post a codepen anyway?

[mhartington]

So not really the set-up described above, but the issue is there.

http://codepen.io/mhartington/pen/dzLEo

[h4ck3rviv3k]

I am also facing similar kind of issues Please have a look into it 👍

#1842

[timmyg]

+1

[timmyg]

This doesnt appear fixed in the codepen even with the nightly build. It looks like the new code is in the nightly build js, but it is sitll "clicking" a list item further down in the page when you click one at the top. Didnt work for me in my project either. @mhartington

[timmyg]

@ajoslin any ideas on this one? It's holding up our app from being released. Have a checklist and it is checking items further down the list, confusing users obviously. Am happy to dig in if you can get me started.

[timmyg]

+1 :)

[alextrs]

We use 1.0.0-beta 12 and have the same issue, any ideas on when you are going to fix it?

[krlwlfrt]

+1

[timmyg]

does anyone have any idea/hack for this bug? Spent a few hours on it but not getting anywhere... @ballmw I know you've done some ionic :)

[mixersoft]

+1

[pulakb]

+1

[benjoz]

+1

[unr]

👍

[tslater]

+1 What is that status on this? Is it being worked on or should I just abandon collection repeat for now?

[unr]

Currently, I've been using Infinite Scroll instead.

[ajoslin]

Working on this now.

[ajoslin]

Can you guys try this in the nightly build? This should be fixed.

[timmyg]

@ajoslin if you try @mhartington's codepen from above (http://codepen.io/mhartington/pen/dzLEo) it still doesnt seem to be working, and that one appears to be using the nightly.

It seems to hide it now, but it also isn't there when you scroll back up (try swiping over one of the top ones, scrolling out of the screen, then scrolling back up)

[ajoslin]

So this issue is for items losing their order while scrolling. The item swiping is a separate bug.

See #1842 (comment)

[tslater]

I don't know if this is the exact same, but my observation is that if I add
items to the list (eg. infinte scroll), that the order gets crazy weird.
ᐧ

On Fri, Feb 6, 2015 at 5:32 PM, Andrew Joslin [email protected]
wrote:

So this issue is for items losing their order while scrolling. The item
swiping is a separate bug.

See #1842 (comment)
#1842 (comment)

—
Reply to this email directly or view it on GitHub
#1806 (comment).

[kparks29]

I am using the latest release v1.0.0-rc.1 and I still seem to have this same issue.
Can we reopen this issue?

When I am scrolling down and then back up the order gets jumbled.

[mhartington]

@kparks29 are you seeing this in just a normal collection-repeat demo? Or are you including things like option buttons and infinite scroll? Could you post a codepen of this?

[kparks29]

i noticed it in my own custom one, I actually had 1 way data binding on the child elements and found out that was the issue. Didn't know 1 way data binding would cause an issue on the children, I knew I couldnt have it on the collection repeat itself.

Also are there any updates on the image performance lag for the collection repeat?

[mhartington]

One-way data binding is not advised.
We can't update the data of the elements if all the watchers are disconnected.

http://ionicframework.com/docs/api/directive/collectionRepeat/

[ace-han]

@tslater the same situation +1.
@mhartington already NOT using one-way binding. And still got weird order to display and using v1.1.1

[RobiFerentz]

This issue is really annoying. Any ideas for an actual fix?

[Screeze]

Also facing this issue, especially when adding items (e.g. using ion-infinite-scroll)

[kinkay716]

Also facing this issue while using in conjunction with infinite-scroll. help?

[christopherfowers]

Is there an update on this issue?

[ctesene]

I see the issue in iOS, but not in the browser. Can this be re-opened?

[leonardobazico]

+1

[ghost]

Also seeing this problem in conjunction with infinite scroll. The scroll position jumps up and then back down sometimes when appending to the Array.