hide option id, fix illegal default id value (#163)

GSA-TTS · Jun 6, 2024 · d53784d · d53784d
1 parent a8ff905
commit d53784d
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/design/src/FormManager/FormEdit/components/RadioGroupPatternEdit.tsx b/packages/design/src/FormManager/FormEdit/components/RadioGroupPatternEdit.tsx
@@ -77,7 +77,7 @@ const EditComponent = ({ pattern }: { pattern: RadioGroupPattern }) => {
               ) : null}
               <div className="display-flex">
                 <input
-                  className={classnames('usa-input', {
+                  className={classnames('hide', 'usa-input', {
                     'usa-label--error': label.error,
                   })}
                   id={fieldId(`options.${index}.id`)}
@@ -101,7 +101,7 @@ const EditComponent = ({ pattern }: { pattern: RadioGroupPattern }) => {
           type="button"
           onClick={event => {
             event.preventDefault();
-            const optionId = `${options.length + 1}`;
+            const optionId = `option-${options.length + 1}`;
             setOptions(options.concat({ id: optionId, label: optionId }));
           }}
         >