Why would IE8 remove custom data attribute from the body element/tag?

453 views Asked by At

Im having this real strange issue where IE8 isn't parsing my data attributes on the <body> tag.

For example, I have the following html:

<body data-controller="homeCtrl">

When i inspect the page in IE8 developer tools that attribute is completely missing. It is confirmed when i execute javascript in the console (it returns null!):

document.body.getAttribute('data-controller')

If i view the source, the data attribute is indeed there, IE8 just seems to ignore it or remove it?!?

More strangely, if i have a div within body.. for example

<div id="main" data-controller="homeCtrl">

This works! I can see it in the developer tools and I can read its value with javascript. So bizarre!

Has anyone come across this before? What would cause this to happen?

0

There are 0 answers