Javascript DOM模块仅在Google Chrome中加载

我正在使用聚合物作为我的登录表单。为此，我使用以下方法：

    <dom-module id="my-form">
                        <template> 
                            <paper-card heading="Login">
                                <form id="form" name="form" method="POST" action="includes/process_login.php">
                                    <div class="card-content">
                                        <div class="loginerror" id="loginerror">
                                            <p><font color="red">Diese Benutzer/Passwort kombination <br> ist uns unbekannt.</font></p>
                                        </div>
                                        <paper-input label="Login" id="email" name="email" size="25" value=""></paper-input>
                                        <paper-input label="Password" type="password" id="password" name="password" size="25" value=""></paper-input>
                                    </div>
                                    <div class="card-actions">
                                        <paper-button raised value="Login" type="submit" on-click="submitForm">Login</paper-button>
                                    </div>
                                </form>
                            </paper-card>

                        </template>
                        <script type="text/javascript">
                            Polymer({
                                is: "my-form",
                                submitForm: function () {
                                    formhash(this.$.form, this.$.password);
                                    this.$.form.submit();
                                },
                                ready: function () {
                                    this.$.form.addEventListener('iron-form-response', this.formResponse);
                                    this.$.form.addEventListener('iron-form-error', this.formError);
                                },
                                formResponse: function (e) {
                                    console.log("Server Response: ", e.detail);
                                },
                                formError: function (e) {
                                    console.log("Form Error: ", e.detail);
                                },
                                listeners: {
                                    'iron-form-response': 'formResponse'
                                }
                            });
                        </script>
                    </dom-module>
<my-form></my-form>

这是贝努泽/帕斯沃特的组合

登录
聚合物({
是：“我的表格”，
submitForm:function（）{
formhash（this.$.form，this.$.password）；
此.$.form.submit（）；
},
就绪：函数（）{
this.form.addEventListener（'iron-form-response'，this.formResponse）；
this.$.form.addEventListener（'iron-form-error'，this.formError）；
},
formResponse:函数（e）{
log（“服务器响应：”，e.detail）；
},
formError:函数（e）{
日志（“表单错误：”，e.detail）；
},
听众：{
“铁形响应”：“铁形响应”
}
});

但现在我有一个问题，登录表单只在桌面上的谷歌浏览器中工作。不在谷歌Chrome应用程序或任何其他浏览器中。我不知道为什么。 在Google Chrome中，它看起来像这样：

在任何其他类似的浏览器中：

但我怎样才能改变这一点呢。这是虫子吗

尼尔斯

我找到了答案： 您需要将以下内容添加到代码中：

    HTMLImports.whenReady(function () {
                Polymer({
                    is: 'my-form'
                });
    });

---

您是否加载多边形填充？例如，请参见（web组件）是。我真的不知道为什么它不工作。我在跨浏览器工作，没有做任何类似上面的事情。但我发现其他浏览器对小错误并不宽容。我想在一个地方我指定了一个日期属性为'2016-1-1'，chrome没有任何问题，因为firefox和safari都认为这是无效的日期。一般来说，这是不必要的，只有在主文档中声明元素的情况下。这是一个例子。