fix(totally-broken): doesn't load in all browsers other than Chrome

Also removed call to `unwrap(form)` since this is not needed
as of Polymer/ShadowDOM 0.3.4.
fixes #21

Author: Ray Nicholus

ajax-form.html

@@ -6,7 +6,7 @@
 ## HTML forms on performance-enhancing drugs
 
 The `ajax-form` element adds some more power and features to traditional HTML forms.
-Also allows the `<file-input>` custom element (and any other custom element form fields 
+Also allows the `<file-input>` custom element (and any other custom element form fields
 that have a `name` attribute and a `value`) to be submitted along with other traditional
 form elements.
 
@@ -62,7 +62,7 @@
 @status beta
 @homepage index.html
 -->
-<polymer-element name="ajax-form" extends="form" attributes="action cookies enctype headers method">
+<polymer-element name="ajax-form" extends="form" attributes="cookies headers">
 
     <template>
 
@@ -175,7 +175,7 @@
          *
          * The above form will be submitted as a multipart encoded POST request.
          * By default, without an enctype specified, "application/x-www-form-urlencoded"
-         * is assumed.  GET requests will not have a body, and the form fields 
+         * is assumed.  GET requests will not have a body, and the form fields
          * will be URL encoded as URI query parameters.
          *
          * @attribute enctype

ajax-form.js

@@ -18,7 +18,7 @@
                 // and returning false doesn't seem to reliably work.
                 event.preventDefault();
                 event.stopPropagation();
-    
+
                 // respect any field validation attributes
                 if (this.checkValidity()) {
                     this.fire('submitting');
@@ -35,7 +35,7 @@
                     }
                 }
             }.bind(this));
-    
+
             // Intercept native form submit function.
             // In order to force the browser to highlight the invalid fields,
             // we need to create a hidden submit button and click it if the form is invalid.
@@ -52,56 +52,56 @@
                 }
             };
         },
-    
+
         listenForAjaxComplete = function() {
             var sender = this.shadowRoot.getElementsByTagName('core-ajax')[0];
-    
+
             sender.addEventListener('core-complete', function(event) {
                  this.fire('submitted', event.detail.xhr);
             }.bind(this));
         },
-    
+
         parseCustomElements = function(form, parseFileInputs) {
             var data = {};
-            
+
             Array.prototype.slice.call(form.querySelectorAll('*[name]')).forEach(function(el) {
                 if (parseFileInputs && el.tagName.toLowerCase() === 'file-input') {
                     var fileInputName = el.getAttribute('name') || 'files';
-    
+
                     if (el.files.length > 1) {
                         fileInputName += '[]';
                     }
-        
+
                     el.files.forEach(function(file) {
                         data[fileInputName] = file;
                     });
                 }
                 else if (el.tagName.indexOf('-') >= 0 && el.value != null) {
-                    data[el.getAttribute('name')] = el.value;        
+                    data[el.getAttribute('name')] = el.value;
                 }
             });
-            
+
             return data;
         },
-    
+
         // @TODO: should these FormData parse methods be exposed as events
         // if, say, someone wanted to filter or transform the data in a form
         // (i.e., radio from yes/no to true/false, or textarea from markdown to
         // html)?
         parseFormData = function(form) {
-            var formData = new FormData(window.unwrap(form)),
+            var formData = new FormData(form),
                 customElementData = parseCustomElements(form, true);
-            
+
             if (customElementData) {
                 Object.keys(customElementData).forEach(function(fieldName) {
-                    formData.append(fieldName, customElementData[fieldName]); 
+                    formData.append(fieldName, customElementData[fieldName]);
                 });
             }
-            
+
             return formData;
-    
+
         },
-    
+
         /**
          * Parse an `HTMLRadioElement`'s value, returning the value iff
          * the element has a present `checked` attribute.
@@ -115,9 +115,9 @@
                 value = element.value;
             }
             return value;
-    
+
         },
-    
+
         /**
          * Parse an `HTMLOptionElement`'s value, returning the value iff
          * the element has a present `selected` attribute.
@@ -131,7 +131,7 @@
             }
             return elementValue;
         },
-    
+
         /**
          * Parse an `HTMLOptGroupElement` return the `HTMLOptionElement` that
          * has a `checked` attribute.
@@ -148,7 +148,7 @@
             });
             return elementValue;
         },
-    
+
         /**
          * Parse an `HTMLSelectElement`'s value.
          *
@@ -157,15 +157,15 @@
          */
         parseSelectElementValues = function(element) {
             var elementValues = [];
-    
+
             Array.prototype.forEach.call(element.options, function(optionElement){
                 var tempElementValue = parseSelectOptionElementValue(optionElement);
                 tempElementValue && elementValues.push(tempElementValue);
             });
-    
+
             return elementValues;
         },
-    
+
         /**
          * Parse an `HTMLInputElement`'s value.
          * @param HTMLInputElement element
@@ -174,7 +174,7 @@
         parseInputElementValue = function(element){
             var elementValue,
                 elementType = element.type;
-    
+
             if (element.disabled === true ||
                 ['submit', 'reset', 'button', 'image'].indexOf(elementType) !== -1) {
                  // do nothing for these button types
@@ -184,10 +184,10 @@
             } else {
                 elementValue = element.value;
             }
-    
+
             return elementValue;
         },
-    
+
         /**
          * Return the value of some `HTMLElement`s  value attribute if possible.
          * @param HTMLElement element
@@ -196,7 +196,7 @@
         parseElementValue = function(element){
             var elementValue,
                 elementTag = element.tagName.toLowerCase();
-    
+
             if (elementTag === 'input') {
                 elementValue = parseInputElementValue(element);
             }
@@ -207,11 +207,11 @@
             else if (elementTag === 'select') {
                  elementValue = parseSelectElementValues(element);
             }
-    
+
             return elementValue;
-    
+
         },
-    
+
         /**
          * Parse an `HTMLFormElement` into key value pairs
          * @param HTMLFormElement form
@@ -221,82 +221,82 @@
             var formObj = {},
                 formElements = form.getElementsByTagName('input'),
                 customElementsData = parseCustomElements(form);
-    
+
             formElements = Array.prototype.slice.call(formElements);
             formElements = formElements.concat(Array.prototype.slice.call(form.getElementsByTagName('select')));
             formElements = formElements.concat(Array.prototype.slice.call(form.getElementsByTagName('textarea')));
-    
+
             formElements.forEach(function(formElement){
                 var key = formElement.name,
                     val = parseElementValue(formElement);
-    
+
                 if (key && val) {
                     formObj[key] = val;
                 }
             });
-    
-            Object.keys(customElementsData).forEach(function(fieldName) {   
-                formObj[fieldName] = customElementsData[fieldName]; 
+
+            Object.keys(customElementsData).forEach(function(fieldName) {
+                formObj[fieldName] = customElementsData[fieldName];
             });
-    
+
             return formObj;
         },
-    
+
         /**
          * Send a url-encoded `HTMLFormElement` in the URL query string.
          * @param HTMLFormElement form
          */
         sendUrlencodedForm = function(form){
             var sender = this.shadowRoot.getElementsByTagName('core-ajax')[0],
-                // We must URL encode the data and place it in the body or 
-                // query paramter section of the URI (depending on the method).  
-                // core-ajax attempts to do this for us, but this requires we pass 
-                // an Object to core-ajax with the params and we cannot properly 
-                // express multiple values for a <select> (which is possible) 
+                // We must URL encode the data and place it in the body or
+                // query paramter section of the URI (depending on the method).
+                // core-ajax attempts to do this for us, but this requires we pass
+                // an Object to core-ajax with the params and we cannot properly
+                // express multiple values for a <select> (which is possible)
                 // via a JavaScript Object.
                 data = toQueryString(parseForm(form));
-    
+
             if (this.cookies) {
                 sender.withCredentials = true;
             }
-    
+
             if (this.acceptableMethod === 'POST') {
                 sender.body = data;
             }
             else {
-                sender.url += (sender.url.indexOf('?') > 0 ? '&' : '?') + data;            
+                sender.url += (sender.url.indexOf('?') > 0 ? '&' : '?') + data;
             }
-            
+
             sender.go();
         },
-    
+
         /**
          * Send a multipart-encoded `HTMLFormElement` in the request body.
          * @param HTMLFormElement form
          */
         sendMultipartForm = function(form) {
             var sender = this.shadowRoot.getElementsByTagName('core-ajax')[0],
                 data = parseFormData(form);
-    
+
             // make sure Polymer/core-ajax doesn't touch the Content-Type.
             // The browser must set this with the proper multipart boundary ID.
             sender.contentType = null;
-    
+
             if (this.cookies) {
                 sender.withCredentials = true;
             }
-    
+
             sender.body = data;
             sender.go();
         },
-        
+
         toQueryString = function(params) {
             var queryParams = [];
-            
+
             Object.keys(params).forEach(function(key) {
                 var val = params[key];
                 key = encodeURIComponent(key);
-                
+
                 if (val && Object.prototype.toString.call(val) === '[object Array]') {
                     val.forEach(function(valInArray) {
                         queryParams.push(key + '=' + encodeURIComponent(valInArray));
@@ -306,24 +306,24 @@
                     queryParams.push(val == null ? key : (key + '=' + encodeURIComponent(val)));
                 }
             });
-    
+
             return queryParams.join('&');
           },
-    
+
         watchForInvalidFields = function(form) {
             var customEl = this,
                 fields = form.getElementsByTagName('input'),
                 invalidFields = [],
                 timer = null;
-    
+
             fields = Array.prototype.slice.call(fields);
             fields = fields.concat(Array.prototype.slice.call(form.getElementsByTagName('select')));
             fields = fields.concat(Array.prototype.slice.call(form.getElementsByTagName('textarea')));
-    
+
             fields.forEach(function(field) {
                 field.addEventListener('invalid', function() {
                     invalidFields.push(this);
-    
+
                     // In case another element is invalid and the event
                     // hasn't been triggered yet, hold off on firing the
                     // invalid event on the custom el.