[UI] BulkUpload UI blocks Save button on mobile with no way to scroll

Open
#15,519 5 comments 0 reactions 1 assignee View on GitHub

@paulpopus is already working on this.

Since Feb 5, 2026.

Assessment

This issue has not been assessed yet.

Description

area: ui
Describe the Bug.

On iOS the Save button action bar is blocked from view on the BulkUpload form for file uploads. This also appears when trying to upload files in a collection with a relationship to the file collection. There is no way to scroll to hit the save button and thus, there is no way to bulk upload media on iOS.

Image

iOS 26.2.1
Google Chrome & Safari
Payload CMS V3.74.0
Payload CMS UI V3.74.0

Reproduction Steps

Create a brand new project using npx create-payload-app. Go to the admin panel on an iOS device. Bulk upload a file. Observe that the save button which is typically rendered on the bottom of the screen is no longer accessible.

Environment Info
Binaries:
  Node: 20.15.0
  npm: 10.7.0
  Yarn: 1.22.22
  pnpm: 9.15.0
Relevant Packages:
  payload: 3.74.0
  next: 15.4.11
  @payloadcms/db-sqlite: 3.74.0
  @payloadcms/drizzle: 3.74.0
  @payloadcms/graphql: 3.74.0
  @payloadcms/next/utilities: 3.74.0
  @payloadcms/richtext-lexical: 3.74.0
  @payloadcms/translations: 3.74.0
  @payloadcms/ui/shared: 3.74.0
  react: 19.2.1
  react-dom: 19.2.1
Dominant language
TypeScript
Stars
44.8k
Forks
4.2k
Avg merge
2d 21h
Merged PRs (30d)
53

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from payloadcms/payload

All issues in payloadcms/payload

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.