Skip to content

Textarea field overlap in UI #12393

Open
@rktyt

Description

@rktyt

Describe the Bug.

The same issue that was fixed in #2402 is occurring in version 3.37.0.

Also, within the row field, the rows property that was fixed in #10031 is not working either.

Reproduction Steps

fields: [
    {
      type: 'row',
      fields: [
        {
          name: 'firstText',
          type: 'textarea',
          required: true,
          admin: {
            description: 'short length text.',
            width: '33%',
            rows: 3,
          },
        },
        {
          name: 'secondText',
          type: 'textarea',
          required: false,
          admin: {
            description:
              'middle length text. middle length text. middle length text. middle length text. middle length text. middle length text.',
            width: '33%',
            rows: 3,
          },
        },
        {
          name: 'thirdText',
          type: 'textarea',
          required: false,
          admin: {
            description:
              'long length text. long length text. long length text. long length text. long length text. long length text. long length text. long length text. long length text. long length text. long length text. long length text. long length text. long length text. long length text. long length text. long length text.',
            width: '33%',
            rows: 3,
          },
        },
      ],
    },
    {
      name: 'singleLineText',
      type: 'text',
    },
]

Image

Environment Info

Binaries:
  Node: 22.12.0
  npm: 11.2.0
  Yarn: 1.22.22
  pnpm: 9.15.0
Relevant Packages:
  payload: 3.37.0
  next: 15.3.2
  @payloadcms/db-mongodb: 3.37.0
  @payloadcms/db-postgres: 3.37.0
  @payloadcms/email-nodemailer: 3.37.0
  @payloadcms/graphql: 3.37.0
  @payloadcms/next/utilities: 3.37.0
  @payloadcms/payload-cloud: 3.37.0
  @payloadcms/plugin-cloud-storage: 3.37.0
  @payloadcms/richtext-lexical: 3.37.0
  @payloadcms/storage-s3: 3.37.0
  @payloadcms/translations: 3.37.0
  @payloadcms/ui/shared: 3.37.0
  react: 19.1.0
  react-dom: 19.1.0
Operating System:
  Platform: linux
  Arch: arm64
  Version: #1 SMP Thu Mar 20 16:32:56 UTC 2025
  Available memory (MB): 23998
  Available CPU cores: 10

Metadata

Metadata

Assignees

No one assigned

    Labels

    area: uiRelated to the admin panel.status: needs-triagePossible bug which hasn't been reproduced yet

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions