<template repeat.for="" /> is not rendering in IE11

[bennage]

I have a view that looks like

<template repeat.for="item of collection">
  <!-- some stuff -->
</template>

Here's the actual template.

In Chrome (and Safari) this is render as expected, however it does not render correctly in IE11.
Instead, it renders the template once, even if the collection is empty.

Here's a live example, please compare this in Chrome with it in IE11.

[bennage]

@EisenbergEffect I'm willing to look into this problem, but I'd like know where to start. :-)

[EisenbergEffect]

You might see if there's something going wrong in the html template element polyfill first. If there's nothing going wrong there, have a look inside the TemplateController class in the templating repo. There may be an issue there. Third place I would look is in the repeat implementation itself, in the templating-resources repo.

[EisenbergEffect]

@bennage We've identified an issue with templates in IE11. Not sure if it's your issue yet, but we found one and have a fix. It's going out in the next release.

[bennage]

Groovy

-----Original Message-----
From: "Rob Eisenberg" notifications@github.com
Sent: ‎2/‎25/‎2015 6:03 PM
To: "aurelia/templating" templating@noreply.github.com
Cc: "Christopher Bennage" christopher@bennage.com
Subject: Re: [templating] is not rendering in IE11(#22)

@bennage We've identified an issue with templates in IE11. Not sure if it's your issue yet, but we found one and have a fix. It's going out in the next release.
—
Reply to this email directly or view it on GitHub.

[bennage]

When are you expecting the next release? I'm assuming this fix will be in 0.8.13?

[EisenbergEffect]

The plan is to release today. I've got to do some repo maintenance first, then I'm going to do a fresh release of all libraries. After that, you should be able to run jspm update to get all the latest versions.

[bennage]

I updated to 0.8.14 for templating (and everything else to the latest), however I am still seeing the problem.
Here's the live example. (I just realized that I never pasted in the correct link above.)

[jdanyow]

In IE 11, using the live example app, when I click the "sample repository" link I hit this error:

[bennage]

Sorry, the "sample repository" link on the welcome page won't work because that is a private repo. (Though this does expose the need for better UX.)

Here's a direct link to a publicly accessible repo:
http://pundit.cloudapp.net/#/bennage/pundit/0e6d64473f7a53693ac3faea5d980fbadc0b185f/README.md

After you authenticated, it just redirected back to the home. Apologies for the confusion. Can you try the link above after you are signed in?

[jdanyow]

that worked- no errors at all this time. Is this the right result?

The show all / only markdown toggle works too

[bennage]

That is what I see in IE11 as well, however that is not the expected behavior. In Chrome and Safari, it renders as expected:

[jdanyow]

took another look- in terms of the network tab it looks like all your aurelia components are up to date except for the http-client. Probably unrelated.

Nothing really stood out- other than the DOM Explorer clearly showed things were kind of screwy. I wish I had a better answer for you but you might try dialing back the complexity of this view to the minimum necessary bindings/behaviors/templates necessary to reproduce the issue. Once you get to the point where you know "adding this behavior/binding/markup breaks this in IE" we'll probably be able to help you more.

Maybe someone else will have a better idea- in any case, let us know if you have something else you want us to take a look at- your app looks pretty cool by the way.

[sorenhoyer]

We're still facing this issue with ie11 and edge. repeat.for on the template tag doesn't refresh the page as the data changes, however when removing the template tag, it works :/

Edit: more specifically I'm talking about using templates within tables and just found this aurelia/html-template-element#3

[EisenbergEffect]

@sorenhoyer Would the solution I describe in that issue work for you if we added template-start and template-end?

[sorenhoyer]

I guess, however I do prefer the "repeater on the tbody tag" solution which is proposed in that other thread - just didn't think it was valid html with multiple tbody tags within one table. It works just fine in ie, edge too though :-)