🐛 fallback for closest

Author: ayush2k

lib/form/js/validation.js

@@ -18,22 +18,29 @@
         var target = e.target,
             value = target.value,
             inp = allInputs[target.id],
-            parent = target,
+            parent,
             input = {},
             settings = {},
             validation = false,
+            currentMessage,
             message,
-            currentMessage = parent.querySelector('[role="alert"][for="' + target.id + '"]'),
             insertRef;
 
-        while (parent.className.indexOf('form--repeatable') === -1 &&
-                parent.className.indexOf('form--field') === -1 &&
-                parent.className.indexOf('form--fieldset') === -1) {
-          parent = parent.parentNode;
-          if (parent === undefined) {
-            return;
+        if (typeof target.closest === 'function') {
+          parent = target.closest('.form--repeatable, .form--field, .form--fieldset');
+        }
+        else {
+          parent = target;
+          while (!parent.classList.contains('form--repeatable') &&
+                !parent.classList.contains('form--field') &&
+                !parent.classList.contains('form--fieldset')) {
+            parent = parent.parentNode;
+            if (parent === undefined) {
+              return;
+            }
           }
         }
+        currentMessage = parent.querySelector('[role="alert"][for="' + target.id + '"]');
 
         // Set up validation input
         input.target = {