fix: add error span (#131)

bloom-housing · Oct 10, 2023 · 5e9a989 · 5e9a989
1 parent 1fe35ac
commit 5e9a989
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/forms/Field.tsx b/src/forms/Field.tsx
@@ -183,10 +183,12 @@ const Field = (props: FieldProps) => {
         {isRadioOrCheckbox && label}
       </div>
       {props.subNote && <p className="field-sub-note">{props.subNote}</p>}
-      {props.errorMessage && (
+      {props.errorMessage ? (
         <ErrorMessage id={`${idOrName}-error`} error={props.error}>
           {props.errorMessage}
         </ErrorMessage>
+      ) : (
+        <span id={`${idOrName}-error`}></span>
       )}
     </div>
   )