Невозможно получить доступ к форме Polymer элемента

Question

Попытки применить эту https://garstasio.github.io/ajax-form/components/ajax-form/

Проблему я продолжать работать в том, что document.getElementsByTagName("form") не работает для меня. Я могу захватить тег <h1> просто отлично, но не элемент формы.

<link rel="import" href="/polymer/polymer.html"> 

<polymer-element name="test-ajax"> 
    <template> 

    <h1>test-ajax</h1> 
    <form action="test"> 

    <label for="test"> 
    <input type="text" name="test"> 
    </label> 

    </form> 

    </template> 
    <script>` 
    Polymer('payment-request', { 
     ready: function() { 
     console.log('ready'); 
     var form = document.getElementsByTagName("form")[0]; 
     console.log('form', form); 
     } 
    }); 
    </script> 

</polymer-element> 

Любые идеи как захватить элемент формы?

Answer 1

полимерные элементы не являются в основном документе

для того, чтобы получить доступ к элементам нужно сделать либо

this.shadowRoot.getElementsByTagName("form")[0];

или положить идентификатор на форме <form id="my-form"></form>, а затем сделать

this.$["my-form"] для доступа к форме