From 35d90346fd547d4ee394ce255b37b7089a665489 Mon Sep 17 00:00:00 2001
From: anagelpe <andreas.nagel-petersen@nhn.no>
Date: Tue, 10 Dec 2024 14:54:34 +0100
Subject: [PATCH] Fixed grouped form control UU bug

---
 src/components/formcomponents/choice/checkbox-view.tsx      | 2 +-
 src/components/formcomponents/choice/radio-view.tsx         | 2 +-
 src/components/formcomponents/open-choice/checkbox-view.tsx | 2 +-
 src/components/formcomponents/open-choice/radio-view.tsx    | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/formcomponents/choice/checkbox-view.tsx b/src/components/formcomponents/choice/checkbox-view.tsx
index 8d5ca473..e4447aef 100644
--- a/src/components/formcomponents/choice/checkbox-view.tsx
+++ b/src/components/formcomponents/choice/checkbox-view.tsx
@@ -60,7 +60,7 @@ const CheckboxView = (props: Props): JSX.Element | null => {
   }
   return (
     <div className="page_refero__component page_refero__component_choice page_refero__component_choice_checkbox">
-      <FormGroup onColor="ongrey" error={getErrorMessage(item, error)} errorWrapperClassName={styles.paddingBottom}>
+      <FormGroup htmlMarkup="div" onColor="ongrey" error={getErrorMessage(item, error)} errorWrapperClassName={styles.paddingBottom}>
         <ReferoLabel
           item={item}
           resources={resources}
diff --git a/src/components/formcomponents/choice/radio-view.tsx b/src/components/formcomponents/choice/radio-view.tsx
index a30c5b76..1aefde60 100644
--- a/src/components/formcomponents/choice/radio-view.tsx
+++ b/src/components/formcomponents/choice/radio-view.tsx
@@ -63,7 +63,7 @@ const RadioView = (props: Props): JSX.Element => {
   }
   return (
     <div className="page_refero__component page_refero__component_choice page_refero__component_choice_radiobutton">
-      <FormGroup onColor="ongrey" error={getErrorMessage(item, error)} errorWrapperClassName={styles.paddingBottom}>
+      <FormGroup htmlMarkup="div" onColor="ongrey" error={getErrorMessage(item, error)} errorWrapperClassName={styles.paddingBottom}>
         <ReferoLabel
           item={item}
           resources={resources}
diff --git a/src/components/formcomponents/open-choice/checkbox-view.tsx b/src/components/formcomponents/open-choice/checkbox-view.tsx
index f04a7b12..5882c424 100644
--- a/src/components/formcomponents/open-choice/checkbox-view.tsx
+++ b/src/components/formcomponents/open-choice/checkbox-view.tsx
@@ -65,7 +65,7 @@ const CheckboxView = (props: Props): JSX.Element | null => {
   }
   return (
     <div className="page_refero__component page_refero__component_openchoice page_refero__component_openchoice_checkbox">
-      <FormGroup error={getErrorMessage(item, error)} onColor="ongrey" errorWrapperClassName={styles.paddingBottom}>
+      <FormGroup htmlMarkup="div" error={getErrorMessage(item, error)} onColor="ongrey" errorWrapperClassName={styles.paddingBottom}>
         <ReferoLabel
           item={item}
           resources={resources}
diff --git a/src/components/formcomponents/open-choice/radio-view.tsx b/src/components/formcomponents/open-choice/radio-view.tsx
index 5d31d965..1f86c443 100644
--- a/src/components/formcomponents/open-choice/radio-view.tsx
+++ b/src/components/formcomponents/open-choice/radio-view.tsx
@@ -65,7 +65,7 @@ const RadioView = (props: Props): JSX.Element | null => {
   }
   return (
     <div className="page_refero__component page_refero__component_openchoice page_refero__component_openchoice_radiobutton">
-      <FormGroup error={getErrorMessage(item, error)} onColor="ongrey" errorWrapperClassName={styles.paddingBottom}>
+      <FormGroup htmlMarkup="div" error={getErrorMessage(item, error)} onColor="ongrey" errorWrapperClassName={styles.paddingBottom}>
         <ReferoLabel
           item={item}
           resources={resources}