fix(ffe-form-react): make place for fieldmessage under input group

SpareBank1 · Apr 16, 2024 · 9de7d45 · 9de7d45
1 parent 81a59ed
commit 9de7d45
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/packages/ffe-form-react/src/InputGroup.js b/packages/ffe-form-react/src/InputGroup.js
@@ -123,16 +123,18 @@ const InputGroup = ({
 
             {modifiedChildren}
 
-            {typeof fieldMessage === 'string' && (
-                <ErrorFieldMessage element="p" id={fieldMessageId}>
-                    {fieldMessage}
-                </ErrorFieldMessage>
-            )}
-            {React.isValidElement(fieldMessage) &&
-                React.cloneElement(fieldMessage, {
-                    id: fieldMessageId,
-                })}
-            {fieldMessageReturn}
+            <div className="ffe-input-group__field-message">
+                {typeof fieldMessage === 'string' && (
+                    <ErrorFieldMessage element="p" id={fieldMessageId}>
+                        {fieldMessage}
+                    </ErrorFieldMessage>
+                )}
+                {React.isValidElement(fieldMessage) &&
+                    React.cloneElement(fieldMessage, {
+                        id: fieldMessageId,
+                    })}
+                {fieldMessageReturn}
+            </div>
         </div>
     );
 };