Опитвам се да използвам полифилите Polymer за ShadowDOM и Персонализирани елементи
Ако ги използвам поотделно, те работят добре, но когато използвам и двете едновременно, получавам грешки като тази
Uncaught TypeError: Cannot read property 'polymerShadowRoot_' of undefined.....Element.js:69
Зависи дали първо ще включа customelement.js или shadowdom.js
Ето моят тестов код:
<!doctype html>
<html>
<head>
<script src="/bower_components/CustomElements/custom-elements.js"></script>
<script src="/bower_components/ShadowDOM/shadowdom.js"></script>
<script>
var proto = Object.create(HTMLElement.prototype);
proto.createdCallback = function() {
console.log('create shadowDOM');
var root = this.createShadowRoot();
root.innerHTML = '<content></content>';
};
document.register('x-foo', {prototype: proto});
</script>
</head>
<body>
<x-foo><span>hallo</span></x-foo>
</body>
</html>
Някакви предложения какво може да се обърка тук?