Breadcrumb (StepNav) labels are cut off at 10rem with no way to read the full text
Maintainers usually reply within 1 day
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 30/100
- Issue type
- Bug
- Clarity
- Clearly specified
- Activity status
- Stale
- Tech stack
- react, typescript
Research direction
Read packages/ui/src/elements/StepNav/index.css to confirm the label truncation, then inspect the StepNav component and the component test mentioned in the linked branch. The linked pull request #18886 is already open with a proposed fix and failing test. Done means the full breadcrumb label can be read on hover and the component test passes.
Written by the indexing model from the issue text.
Description
Describe the Bug
packages/ui/src/elements/StepNav/index.css caps every .step-nav__item except the last at calc(var(--spacer-6) * 4) (10rem) with text-overflow: ellipsis. Collection or document labels slightly longer than that are cut off, and the full text is not shown anywhere: there is no tooltip or title, and the item cannot be expanded.
Expected:
The full label can be read, e.g. on hover.
Actual:
The breadcrumb shows "Komponenty współdz…", and hovering shows nothing.
Link to the code that reproduces this issue
https://github.com/RafalFilipek/payload/tree/fix/ui-step-nav-truncated-labels
This branch has the proposed fix (a title with the full label on each breadcrumb item) and a component test that fails without it.
Reproduction Steps
- A collection with
labels: { singular: 'Komponent współdzielony', plural: 'Komponenty współdzielone' }(or any plural label wider than about 10rem). - Open a document in that collection.
- Look at the breadcrumb in the app header and hover the collection item.
Which area(s) are affected?
area: ui
Environment Info
Payload 4.0.0-beta.2, also main at c2c9143de8
Generated by Claude Code
- Dominant language
- TypeScript
- Stars
- 45.5k
- Forks
- 4.3k
- Avg merge
- 1d 19h
- Merged PRs (30d)
- 295
Getting set up
Starts the project's dev container in your browser, under your own GitHub account.
- No Dockerfile or Docker Compose file
- Has a pull request template
- Read the contributing guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from payloadcms/payload
-
Bug
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
payloadcms/payload#19060 ·
Maintainers usually reply within 1 day
-
WhereBuilder throws "Cannot read properties of undefined (reading 'value')" when the list URL filters on a field that is not filterablePossibly taken A pull request linked to this issue is open or already merged. OpenBug
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
payloadcms/payload#19002 · 1 comment ·
Maintainers usually reply within 1 day
-
Regression: `findByID` with `disableErrors: true` throws `NotFound` for null/empty ids since 3.91.0Possibly taken @Krrishkumar125 claimed this 4 days ago. Openarea: core Bug invalid-reproduction status: needs-triage v3
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
payloadcms/payload#18935 · 1 comment ·
Maintainers usually reply within 1 day
-
bug: Local API call with req resets req.fallbackLocale to defaultLocalePossibly taken A pull request linked to this issue is open or already merged. Openarea: core Bug created-by: Contributor
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
payloadcms/payload#18768 ·
Maintainers usually reply within 1 day
-
[plugin-multi-tenant] Infinite redirect loop with custom tenantFieldName and isGlobal collectionsPossibly taken A pull request linked to this issue is open or already merged. OpenBug plugin: multi-tenant status: needs-triage v3
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
payloadcms/payload#18690 ·
Maintainers usually reply within 1 day
All issues in payloadcms/payload
Similar issues
-
bug
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
outline/outline#14348 · 1 comment ·
Maintainers usually reply within 1 day
-
bug needs-triage
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
Maintainers usually reply within 1 day
-
[Bug]: Agent import retains quotes in .env API keys followed by inline commentsPossibly taken @yxr-2025 claimed this today. Open
Difficulty 2/5 1-3 hours Newbie friendliness 82/100
elie222/rakazo#2322 · 1 comment ·
Maintainers usually reply within 1 day
-
bug
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
awslabs/visual-asset-management-system#804 ·
Maintainers usually reply within 1 day
-
bug
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
dsh-market/dsh-market#1027 · 1 comment ·
Maintainers usually reply within 1 day