Fix readOnlyVariant

Signed-off-by: Kevin Cormier <[email protected]>
stolostron · Sep 17, 2024 · 389a225 · 389a225
1 parent 087b563
commit 389a225
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/frontend/src/components/AcmDataForm.tsx b/frontend/src/components/AcmDataForm.tsx
@@ -950,7 +950,7 @@ export function AcmDataFormInput(props: { input: Input; validated?: 'error'; isR
               validated={validated}
               spellCheck="false"
               type={!isSecret || showSecrets ? 'text' : 'password'}
-              readOnlyVariant="default"
+              readOnlyVariant={isReadOnly ? 'default' : undefined}
             />
           </InputGroupItem>
           {value === '' ? (
@@ -974,7 +974,7 @@ export function AcmDataFormInput(props: { input: Input; validated?: 'error'; isR
               validated={validated}
               type={'number'}
               onChange={(_event, value) => onChange(Number(value))}
-              readOnlyVariant="default"
+              readOnlyVariant={isReadOnly ? 'default' : undefined}
             />
           </InputGroupItem>
         </InputGroup>
@@ -992,7 +992,7 @@ export function AcmDataFormInput(props: { input: Input; validated?: 'error'; isR
               value={'**************'}
               validated={validated}
               type={'password'}
-              readOnlyVariant="default"
+              readOnlyVariant={isReadOnly ? 'default' : undefined}
             />
           ) : (
             <TextArea
@@ -1002,7 +1002,7 @@ export function AcmDataFormInput(props: { input: Input; validated?: 'error'; isR
               spellCheck="false"
               resizeOrientation="vertical"
               autoResize={true}
-              readOnlyVariant="default"
+              readOnlyVariant={isReadOnly ? 'default' : undefined}
             />
           )}