Skip to content

Instantly share code, notes, and snippets.

@robertknight

robertknight/index.html Secret

Last active August 31, 2016 20:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save robertknight/38784b71ddba63b1604b2c6244f216a1 to your computer and use it in GitHub Desktop.
Save robertknight/38784b71ddba63b1604b2c6244f216a1 to your computer and use it in GitHub Desktop.
Download ZIP
Safari 9.x Element.dataset corruption investigation
Raw
index.html
<html>
<body>
<div id="root" data-ref="searchBucket">
<div>
<div data-ref="header">
<div></div>
<div></div>
</div>
<div data-ref="content">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
<script src="site.js"></script>
</body>
</html>
Raw
site.js
function findRefs(el) {
var map = {};
if (el.dataset.ref) {
map[el.dataset.ref] = el;
}
var node;
for (var i=0; i < el.children.length; i++) {
node = el.children[i];
Object.assign(map, findRefs(node));
}
return map;
}
var searchEl = document.getElementById('root');
findRefs(searchEl);
findRefs(searchEl);
var refs = findRefs(searchEl);
var result = document.createElement('div');
result.textContent = Object.keys(refs);
document.body.appendChild(result);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment