Skip to content

Text overlap in admin panel breadcrumbs #15030

@jefferyto

Description

@jefferyto

Describe the Bug.

Text in different segments of the breadcrumbs may run long and overlap with each other:

Image

I believe this is what is should look like:

Image

This is caused by the removal of overflow: hidden in packages/ui/src/elements/StepNav/index.scss as part of #13683. I believe overflow: hidden was removed because it prevents the dashboard dropdown menu (with "Edit Dashboard" and "Reset Layout") from being visible and hides part of the "Editing Dashboard" view. But text-overflow: ellipsis requires overflow: hidden and that's why the breadcrumb text now overlaps instead of being truncated.

Reproduction Steps

Run the uploads test suite (from the monorepo): pnpm dev uploads

Environment Info

Payload: 3.69.0
Node.js: 24.12.0
Next.js: 15.4.10

Metadata

Metadata

Assignees

No one assigned

    Labels

    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