nextcloud / nextcloud/deck

Wrap card title when editing

Open
#865 6 comments 4 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

1. to develop design enhancement feature: cards feature: modal papercut
Dominant language
JavaScript
Stars
1.4k
Forks
354
Avg merge
1d 10h
Merged PRs (30d)
43

Description

Describe the bug
This is and UI issue. When I click on a card, the details view appear on the right. When the title of the card is long, the text is wrapped with line breaks. If I click on the title to edit the text, the wrapping disappears and the text field is only a single line. This is very distracting as (1) the layout unexpectedly change and (2) editing a long text in a single line text field is a pain.

To Reproduce
Steps to reproduce the behavior:

  1. Create a new card with a long title.
  2. Click on the card.
  3. Look at the details view on the right.
  4. Click on the title in the details view.

Expected behavior
Keep the wrapping of the text.

Screenshots
Before I have clicked on the title.
image

After I have clicked on the title.
image

Additional details from the discussions

  • This should also be the case for the card view

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

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.

Research direction

Start by locating the card details view and card view components, then reproduce the issue with a long card title in both editing contexts. Compare the displayed and editing states; done means long titles retain wrapping while editing in the details view and card view.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.