Почему комоненты в polymer возвращают null?

Question

[Unknown]

Привет!
Хотел засабмитить форму в polymer, делаю в соответствии с документацией, способ не сработал.
Позже пытался вывести в консоль сам узел через id и получил null
Код ниже.
index.html

<link rel="import" href="elements/form-element.html">

				<app-toolbar>
					<form-element></form-element>
				</app-toolbar>

elements/form-element.html

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

<dom-module id="form-element">

	<template>
		<iron-form id="reg" class="form_wrapper_reg active">
			<p>Registration</p>
			<form method="get" action="/form/handler" id="userRegData" class="form_container">
				<paper-input type="text" name="login" label="username" error-message="Please, enter your name!" required >
					<iron-icon slot="prefix" icon="icons:account-box"></iron-icon>
				</paper-input>
				<paper-input type="password" name="password" label="password" error-message="Please, enter your password!" required >
					<iron-icon slot="prefix" icon="communication:vpn-key"></iron-icon>
				</paper-input>
				<paper-input type="email" name="email" label="email" error-message="Please, enter your email!" required >
					<iron-icon slot="prefix" icon="communication:email"></iron-icon>
				</paper-input>
				<div class="form_btns">

					<paper-button class="important_o" onclick="submitFrom()" raised >I want to go!</paper-button> -- кнопка с обработчиком onclick!
					
<button id="loginbtn">Login</button>
					<div class="output"></div>
				</div>
			</form>
		</iron-form>
	</template>
</dom-module>

<script>
	Polymer({
		is: "form-element"
	});

    function submitForm() {
      document.getElementById('reg').submit();
    };

Ествественно такой код выдает ошибку

(index):54 Uncaught ReferenceError: submitFrom is not defined
    at HTMLElement.onclick

ибо возвращается null.

Как вы уже догадались form-element.html подключается в index.html с помощью import, вероятно проблема где-то здесь т.к. если в index.html в любой узел добавить id и попытаться вывести в консоль, то все работет

Answer 1

[vix]

<iron-form id="reg" class="form_wrapper_reg active">

document.getElementById('iron-form').submit();

id="reg"

Comments

[Unknown]

Нет, ошибка не в этом. Главная проблема в том, что запрос к любу узлу возвращает undefined.

[Unknown]

vix я пробовал разные способы и к тегу обращался и к id все равно одно и тоже

form-element.html подключается в index.html с помощью import, вероятно проблема где-то здесь т.к. если в index.html в любой узел добавить id и попытаться вывести в консоль, то все работет

здесь проблема, не знаю как ее обойти

[vix]

document.querySelector('form-element').$.reg.submit();