chore(dep-free): support multiple ajax-forms

TODO: - Fix DOM mutation detection /validation code - Fix custom events in IE - finish converting tests #55
rnicholus · Apr 28, 2015 · d056a08 · d056a08
1 parent e746c43
commit d056a08
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/ajax-form.html b/ajax-form.html
@@ -88,7 +88,7 @@
 @element ajax-form
 @homepage index.html
 -->
-<template id="ajax-form-template">
+<template class="ajax-form-template">
     <content></content>
 
     <script>

diff --git a/ajax-form.js b/ajax-form.js
@@ -401,7 +401,8 @@
         prototype: Object.create(HTMLFormElement.prototype, {
             createdCallback: {
                 value: function () {
-                    var template = importDoc.querySelector('#ajax-form-template'),
+                    var templates = importDoc.querySelectorAll('.ajax-form-template'),
+                        template = templates[templates.length - 1],
                         clone = document.importNode(template.content, true),
                         root = this.createShadowRoot();