Я пытаюсь использовать полифиллы 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>
Любые предложения, что может пойти не так здесь?