Fix styling issue in RawInput component

storybookjs · Mar 21, 2024 · 0dd73ea · 0dd73ea
1 parent f13ed7f
commit 0dd73ea
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/code/ui/blocks/src/controls/Object.tsx b/code/ui/blocks/src/controls/Object.tsx
@@ -202,7 +202,7 @@ const RawButton = styled(IconButton)(({ theme }) => ({
   },
 }));
 
-const RawInput = styled(Form.Textarea)(({ theme, readOnly }) => ({
+const RawInput = styled(Form.Textarea)(({ theme }) => ({
   flex: 1,
   padding: '7px 6px',
   fontFamily: theme.typography.fonts.mono,
@@ -314,7 +314,7 @@ export const ObjectControl: FC<ObjectProps> = ({ name, value, onChange, argType
       )}
       {!showRaw ? (
         <JsonTree
-          readOnly={!isObjectOrArray || readonly}
+          readOnly={readonly || !isObjectOrArray}
           isCollapsed={isObjectOrArray ? /* default value */ undefined : () => true}
           data={data}
           rootName={name}