fix(form-builder): disable TagInput when in read-only mode

sanity-io · Apr 8, 2021 · 7828c61 · 7828c61
1 parent eb3062f
commit 7828c61
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/packages/@sanity/form-builder/src/components/tagInput/tagInput.tsx b/packages/@sanity/form-builder/src/components/tagInput/tagInput.tsx
@@ -236,9 +236,11 @@ export const TagInput = forwardRef(
         padding={1}
         ref={rootRef}
       >
-        <Placeholder hidden={Boolean(inputValue || value.length)} padding={3}>
-          <Text textOverflow="ellipsis">{placeholder}</Text>
-        </Placeholder>
+        {enabled && (
+          <Placeholder hidden={Boolean(inputValue || value.length)} padding={3}>
+            <Text textOverflow="ellipsis">{placeholder}</Text>
+          </Placeholder>
+        )}
 
         <div className="content">
           {value.map((tag, tagIndex) => (
@@ -257,7 +259,7 @@ export const TagInput = forwardRef(
           <div key="tag-input">
             <Input
               {...restProps}
-              disabled={disabled}
+              disabled={!enabled}
               onBlur={handleInputBlur}
               onChange={handleInputChange}
               onFocus={handleInputFocus}