What makes Windows Phone 8 Internet Explorer truncate html?

I'm making a webapp which recently broke on Windows phone 8.
https://marvin-brouwer.github.io/QR-Reader/

I've also tried the app on an Ipod Touch 3rd generation, an iPhone 4s and a Samsum Galaxy. The app works as expected on those devices.

To find out why it doesn't show what I expect I attached to my Nokia Lumia with Visual Studio which revealed the html being cut off.

I tried deminifying my html but it just gets cut off at a different part.

Is there any reason why this might happen? And is there a way to fix this? Or might this be a Windows Phone bug?

Solution

You have a html comment before the doctype which causes IE to go into quirks mode.

Also you have a xml comment which should be removed, this is html not xml.