Доступ к свету DOM при использовании webcomponents.js (Shadow DOM polyfill)

Question

Я пытаюсь получить доступ к светлому DOM при использовании polyfill webcomponents.js, но он, похоже, не работает. (Отлично работает в родном Shadow DOM/Chrome)

Вот сокращенный тест того, что я пытаюсь сделать:

образец: http://jsbin.com/wudakapujo/1/ код: http://jsbin.com/wudakapujo/1/edit

Любые подсказки/указатели о том, как я мог получить доступ к данным Light DOM при использовании полигона Shadow DOM с благодарностью

Спасибо!

Answer 1

Попробуйте добавить <content></content> в шаблон, или <content select="span"></content> просто получить span тег.

<template> 
    <h1>SHADOW DOM CONTENT</h1> 
    <content select="span"></content> 
</template> 

Answer 2

Пробовали ли вы, глядя в

this.content.getDistributedNodes() 

См https://www.polymer-project.org/resources/faq.html#accessContentDOM