jQuery and IE8: top part of HTML text cut-off when using element.append()

Question

I am appending a large amount of HTML (~60k) to an element. My code looks like this:

currentElement.html(response);

This works fine in Chrome and modern IE but strangely the top part of the HTML gets removed during the .html() operation. Ie, the element isn't blank but is filled with the lower 2/3 or so of the response html.

I've debugged this through jQuery and verified that jquery is using .empty().append() to add the html.

jQuery versioN: 1.10.1 (Got to use this unless there's a known bug.)

Any ideas?

Answer 1

The issue in my case was that the HTML being loaded had an onclick="window.open(...)" command in it. All HTML after it was truncated - no doubt for security reasons - and anything after that section was retained.