fix(ui): hide array field "add" button if admin.readOnly: true is s…

…et (#11184) Fixes #11178
payloadcms · Feb 14, 2025 · b1734b0 · b1734b0
1 parent 84c838c
commit b1734b0
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/ui/src/fields/Array/index.tsx b/packages/ui/src/fields/Array/index.tsx
@@ -336,11 +336,10 @@ export const ArrayFieldComponent: ArrayFieldClientComponent = (props) => {
           )}
         </DraggableSortable>
       )}
-      {!hasMaxRows && (
+      {!hasMaxRows && !readOnly && (
         <Button
           buttonStyle="icon-label"
           className={`${baseClass}__add-row`}
-          disabled={readOnly}
           icon="plus"
           iconPosition="left"
           iconStyle="with-border"

diff --git a/test/fields/collections/Array/e2e.spec.ts b/test/fields/collections/Array/e2e.spec.ts
@@ -71,6 +71,7 @@ describe('Array', () => {
     await page.goto(url.create)
     const field = page.locator('#field-readOnly__0__text')
     await expect(field).toBeDisabled()
+    await expect(page.locator('#field-readOnly .array-field__add-row')).toBeHidden()
   })
 
   test('should have defaultValue', async () => {