I have a 500+ element array which I want to bind to a <select> element.
In Chrome, this works fine, adding the array takes a fraction of a second.
In IE, it takes multiple seconds to add the array, during which time the UI is unresponsive.

Looking at timelines, it appears that Chrome recalculates styles after all <option> elements are added, but IE calculates styles and layouts after each <option> is added.

Chrome:

IE:

Maybe using documentFragments could fix this?

Plunker: http://plnkr.co/edit/ULtEHtcD5La4Ax7hd5kY?p=preview