Wrap card title when editing

[der-daniel]

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.

After I have clicked on the title.

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.

[juliusknorr]

Yes, we probably should just use a contenteditable element, so we have proper support for multiple lines.

[juliusknorr]

We currently don't have editing capabilities in the sidebar in the vue rewrite, needs to be done before the release.

[juliusknorr]

This should work for both the sidebar as well as the card view.

[alexanderdd]

@juliushaertl I see you closed the bug about wrapping title in cards (#1572) view as a duplicate of this one.
Personally, I would prefer to track wrapping in cards view vs in detail view in two different issues, because it will also be separate pull requests. But you seem to be involved in development here, so do it how you like it better.

But then can you change the title of this issue to "wrap title in card view and details view during editing"?