fix(forms): only validate an element if the element exists

Author: assisrafael

demo/DialogExamples.jsx

@@ -107,6 +107,16 @@ export function DialogExamples() {
                 console.warn('cancel');
                 close();
               }}
+              validations={{
+                test: [
+                  {
+                    message: 'Should be different from test',
+                    validate(value) {
+                      return value !== 'test';
+                    },
+                  },
+                ],
+              }}
             >
               <FormGroupInput name="test" label="Test" required />
             </Form>

src/forms/helpers/form-helpers.js

@@ -19,6 +19,10 @@ export function validateFormElement({ name, validations = [], formData, elementR
   });
 
   for (const elementRef of elementRefs) {
+    if (!elementRef) {
+      continue;
+    }
+
     elementRef.setCustomValidity(validationMessage);
   }