VS2012 TypeScript default project - glaring quirk with Firefox

Topics: General
Oct 20, 2012 at 11:54 AM
Edited Oct 20, 2012 at 11:55 AM

As far as I can see the default project template that is currently available in VS2012 (HTML Application with TypeScript) works perfectly in 4 out of the 5 major browsers, but not Firefox.

This do not look like an issue with TypeScript though, my guess is that this is a Firefox dom issue, but my first 30 minutes spent bitching about this issue was directed at TypeScript, so I'd suggest you work around this in the project template.

Repro:

  1. VS2012 with latest TypeScript editor plug-in and Web Essentials
  2. Create new "HTML Application with TypeScript" project
  3. Hit F5 - if you don't automatically launch in Firefox open the URL in Firefox

Expected: Static h1 header "TypeScript HTML App" and below that "The time is: Sat, 20 Oct 2012 11:51:17 GMT" where date/time auto update each 500 ms.

Actual: Just the static h1 header "TypeScript HTML App" is shown. No errors in the console or otherwise.

I found that changing the two occurrences of innerText in app.ts to innerHTML fixed the issue.

This was tested on two machines with Firefox 16.0.1.