Adding and removing from collections is broken in IE

[georgaberg]

When adding things, it doesn't add it to the end of the list and when removing, weird things happen:http://jsfiddle.net/trp2a/ Everything is working as expected in Chrome, Safari and Firefox but not in IE8. Don't know about the other IE versions.The same errors occur in the contacts example on the emberjs.com site.

[xdissent]

It worked fine for me in IE7-IE8 except the first add dialog gets blocked by the default security settings. It ends up adding an item with an undefined name which appears to be the only wacky behavior going on. After you allow popups temporarily everything works. IE9 was fine too in my tests. I use ievms to test in IEs: https://github.com/xdissent/ievms

[wagenet]

I've done work in IE8 and have not experienced any problems either. I do know that it's possible to get messed up IE installs that can cause some bizarre behavior. Since we're unable to reproduce this issue, I'm closing the ticket. If you can find a way to provide information for us to debug this problem we'd still like to help.

[georgaberg]

I have now done some more testing on three different computers and the virtual machines in ievms and can confirm that this behaviour is present in IE7, IE8 and IE9. Let me describe the bug in a bit more detail:

The list begins with:
John
Anne

Now add "11111" and the add "22222" and then add "33333".
The expected result would then be:
John
Anne
11111
22222
33333

But the actual result will be:
John
Anne
33333
22222
11111

And if you try to remove any of the elements you added it will remove the wrong one.
After you have added something to the list you will never be able to remove the bottom element.

And as I said earlier this behaviour is also present in the Contacts example on the site when you add remove phone numbers, so it's nothing wrong with the code in this example.

I hope you now understand what the problem is!

[wagenet]

See #487 for more details.

[guzart]

This seems related to the issue I am having with my app. When I try getting a filtered list of the items using .slice(), metamorphs-end seem to be left behind on IE9. Works good on other browsers.

[wagenet]

This is a metamorph bug. I've filed a ticket (tomhuda/metamorph.js#12) and hope to submit a patch soon. I'll leave this open until we've updated metamorph in Ember.