checkbox styling fix

hlxsites · Feb 20, 2024 · 3ed663d · 3ed663d
1 parent dd417e9
commit 3ed663d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/blocks/form/form.css b/blocks/form/form.css
@@ -218,8 +218,8 @@ main .form form .form-radio-wrapper {
     gap: 8px;
 }
 
-main .form form fieldset>.form-radio-wrapper:first-of-type,
-main .form form fieldset>.form-checkbox-wrapper:first-of-type {
+main .form form fieldset>.form-radio-wrapper,
+main .form form fieldset>.form-checkbox-wrapper {
     margin: var(--form-field-gap);
 }
 

diff --git a/blocks/form/transform.js b/blocks/form/transform.js
@@ -217,8 +217,9 @@ export default class DocBaseFormToAF {
      */
   #handleMultiValues(item, key) {
     let values;
+    let separator = item?.fieldType === 'checkbox-group' ? ';':',';
     if (item && item[key] && typeof item[key] === 'string') {
-      values = item[key]?.split(';').map((value) => value.trim());
+      values = item[key]?.split(separator).map((value) => value.trim());
       item[key] = values;
     }
   }