Как получить доступ к нескольким # теневым корням в Полимере?

Question

Элемент <lingenio-view-translation> на самом деле расширяет другой элемент, поэтому я думаю, что это связано с тем, что теги с несколькими #shadow-root. Нижний - это #shadow-root от удлиненного элемента, верхний - от выступающего элемента. Как я могу получить доступ к расширенному элементу от <lingenio-view-translation>, а также к расширению? this.shadowRoot всегда возвращает верхнюю.

Answer 1

использовать свойство "shadowRoots". example:

Polymer('x-zot', { 
    ready: function() { 
    console.assert(
     this.shadowRoots['x-foo'].querySelector('#foo') === this.$.foo 
    ); 
    console.assert(
     this.shadowRoots['x-bar'].querySelector('#bar') === this.$.bar 
    ); 
    console.assert(
     this.shadowRoots['x-zot'].querySelector('#zot') === this.$.zot 
    ); 
    } 
});