fix: Stack title overflows into cards for read-only board members
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 1.4k
- Forks
- 354
- Avg merge
- 1d 10h
- Merged PRs (30d)
- 43
Description
Bug description
For users with read-only access to a board (canManage = false) or on archived boards, the list/stack column header title wraps to multiple lines and visually overlaps the cards below it. Users with manage rights see the title correctly truncated with ….
Steps to reproduce
- Share a board with a user as read-only (no manage rights)
- Log in as that user and open the board
- The board must have at least one list with a long title
Result: Title wraps to multiple lines and overlaps the cards.
Expected: Title is truncated to a single line with …
Root cause
In src/components/board/Stack.vue there are two <h3> branches:
- Manageable (
v-else-if="!editing"): hasclass="stack__title"→ getswhite-space: nowrap; overflow: hidden; text-overflow: ellipsis→ correct. - Read-only / archived (
v-if="!canManage || isArchived"): plain<h3>without the class → no overflow constraints → wraps freely.
Environment
- Affects all browsers (Chrome, Firefox, WebKit)
- Reproducible on Nextcloud Deck v1.17.1
Contributor 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.
Research direction
Start in src/components/board/Stack.vue and compare the two h3 branches for manageable and read-only or archived boards, checking how the title styles differ. Reproduce with a long list title on a read-only or archived board, then verify the title stays on one line with an ellipsis without overlapping the cards.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 1/5
- Estimated time
- Under an hour
- Activity status
- Quiet
- Clarity
- Clearly specified
- Newbie friendliness
- 88/100