search

guardian / docs-interactive-template

Template for The Guardian documentaries
https://www.theguardian.com/documentaries
0 stars 5 forks source link

IE 10 and IE9 do not display the interactive #90

Open michaelwmcnamara opened 7 years ago

michaelwmcnamara commented 7 years ago

IE 11 displays the interactive fine, however IE10 and IE9 (emulated) do not. The error console shows the following warnings:

A number of warnings in the error console and one error listed below, might suggest reasons as to why the page isnt displaying on IE10

Numerous warnings “Tag cannot be self-closing-use an explicit closing tag” 689, 707, 754, 766, 803

3 warnings on cross origin sharing: XMLHttpRequest for https://interactive.guim.co.uk/docsdata/1NcSvccw77rHAncarwfeq7RGZF7yez9mP1Icf3oLMA7g.json required Cross Origin Resource Sharing (CORS).

XMLHttpRequest for https://www.googleapis.com/youtube/v3/videos?part=contentDetails&id=TO54rxVrE4U&key=AIzaSyCtM2CJsgRhfXVj_HesBIs540tzD4JUXqc required Cross Origin Resource Sharing (CORS).

XMLHttpRequest for https://www.googleapis.com/youtube/v3/videos?part=contentDetails&id=4fxGISfNMY8&key=AIzaSyCtM2CJsgRhfXVj_HesBIs540tzD4JUXqc required Cross Origin Resource Sharing (CORS).

Potentially unhandled rejection [1] TypeError: Unable to get property 'appendChild' of undefined or null reference at o (https://j.ophan.co.uk/ophan.ng.js:1:3770) at m (https://j.ophan.co.uk/ophan.ng.js:1:2077)

Display on IE10: image

Display on IE9: image

michaelwmcnamara commented 7 years ago

Rankings for IE are as follows - using browser data for month of September:

IE 11 7th most popular browser - 5,483,718 uniques - 4.7% of total Level of support: IE 11 should have full support of the site - ie everything should work on it. (NB this is just for information - IE11 is working fine for this page)

IE9 40th ranked browser - 257,469 uniques - 0.2% total IE10 41st ranked browser - 246,482 uniques - 0.2% total

IE9 and IE10 - do not have to support all "enhanced" content, however users should be able to access the basic content and the page should at least look readable. What this means is that interactive content does not have to work, but there should be a visually acceptable display - ie a fallback image in place of an interactive content atom. Videos should still play and the css should not break.

michaelwmcnamara commented 7 years ago

Also - reproduced both issues without using emulators - this is a definite issue.