IE8 blows up on undefined values

[morphar]

I haven't tested in IE9+ or IE7-
Everything works fine in newer Safari/Chrome...

Assuming this data:

var users = [{ id: 1, name: 'user1' }, { id: 2, name: 'user2' }];

And a template containing something like this:

<ul>
  {{#if users}}
    {{#each users}}
      <li title="{{userName}}">{{name}}</li>
      <li>-</li>
    {{/each}}
  {{/if}}
</ul>

What I get is parts of the template in return, it seems extremely random what is removed.
Though any single case will remove the same template code every time.

[kpdecker]

Can you create a fiddle demonstrating the issue?

[ramesaliyev]

If i understand right way, here is the fiddle example but i cant test it on IE8 because i dont have one. http://jsfiddle.net/ghtzg/

[ef2k]

That fiddle seems to be working fine in IE8 (Windows 7).

[morphar]

So sorry about this one!

It was in fact due to html5 tags rendered and put into the dom, after document load.

Everything worked fine with html5shim, handlebars and jQuery, but wrestling some templates by pulling out html with jQuery, then doing some stuff to the str, compiling and calling the template and finally re-inserting into the dom caused the html5 tags to blow up everything.

In ie8 the html5shim changes e.g.: <article>bla</article> to <:article>bla<:/article> or even <:article>bla<:/article>.
So I figured out, I have to also fix incorrect tags, something like this:

var tmplStr = template(data);
tmplStr = tmplStr.replace(/&lt;(\/|.{0}):(.+?)&gt;/ig, '<$1$2>');
tmplStr = tmplStr.replace(/<(\/|.{0}):([^>]+)>/g, '<$1$2>');

So... It was a jQuery/IE8/html5shim thing.

Thanks for trying to figure it out and sorry for not doing the fiddle first!