Merge pull request #608 from vaadin/demo-ignore-ie

Ignore ES6 custom validator demo in IE11 [skip ci]
vaadin · Sep 27, 2018 · 8fddc73 · 8fddc73
2 parents 8627c28 + fc0486d
commit 8fddc73
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/bower.json b/bower.json
@@ -58,7 +58,7 @@
     "iron-test-helpers": "^2.0.0",
     "sugar": "^2.0.0",
     "web-component-tester": "^6.1.5",
-    "vaadin-demo-helpers": "vaadin/vaadin-demo-helpers#^2.0.1"
+    "vaadin-demo-helpers": "vaadin/vaadin-demo-helpers#^2.1.0"
   },
   "resolutions": {
     "vaadin-element-mixin": "^2.0.0"

diff --git a/demo/date-picker-validation-demos.html b/demo/date-picker-validation-demos.html
@@ -20,7 +20,9 @@ <h3>Using as a Form Field</h3>
           window.addDemoReadyListener('#date-picker-validation-demos-using-as-a-form-field', function(document) {
             var form = document.querySelector('iron-form');
 
-            form.addEventListener('iron-form-submit', function() {
+            form.addEventListener('iron-form-presubmit', function(e) {
+              // prevent actual form submission
+              e.preventDefault();
               alert('Form submitted with date: ' + form.serializeForm().date);
               return false;
             });
@@ -37,8 +39,8 @@ <h3>Using as a Form Field</h3>
 
     <h3>Custom Validator</h3>
     <p>Extend <code>Vaadin.DatePickerElement</code> to create your own custom element,
-       then override the <code>checkValidity(value)</code> method to validate the input.
-    <vaadin-demo-snippet id="date-picker-validation-demos-custom-validator">
+       then override the <code>checkValidity(value)</code> method to validate the input.</p>
+    <vaadin-demo-snippet id="date-picker-validation-demos-custom-validator" ignore-ie>
       <template preserve-content>
         <vaadin-date-picker-current-year></vaadin-date-picker-current-year>