[GH-ISSUE #2266] Task view missing word-break on long strings #6620

Closed
opened 2026-04-20 17:13:08 -05:00 by GiteaMirror · 1 comment
Owner

Originally created by @danbates1452 on GitHub (Feb 19, 2026).
Original GitHub issue: https://github.com/go-vikunja/vikunja/issues/2266

Pre-submission checklist

  • I have searched for existing open or closed issue reports with the same problem.

Description

Hi!

I've noticed that long continuous strings (e.g. long data-rich links) in checklists break out of the description box in the task view.

Adding a 'word-break' CSS property with the value of 'break-all' does the trick.

I'm not familiar with tailwind, but looking at their docs this should hopefully just mean adding a 'break-all' class somewhere convenient in the hierarchy.

Or just adding a 'word-break:break-all' to .ProseMirror?

I'm a webdev by day, so I'm happy to work on this and put together a PR. It'd just be good to get some feedback from someone familiar with the project as to where would be best to make this change instead of stumbling about the /frontend directory.

Thanks!

Vikunja Version

Demo site: v1.1.0-80-bf8138ec, My instance: v1.1.0

Browser and version

Firefox 147 on Linux

Can you reproduce the bug on the Vikunja demo site?

Yes

Screenshots

As-is
Image
With a 'word-break:break-all' property added:
Image

The above images were taken from the demo site.

Originally created by @danbates1452 on GitHub (Feb 19, 2026). Original GitHub issue: https://github.com/go-vikunja/vikunja/issues/2266 ### Pre-submission checklist - [x] I have searched for existing open or closed issue reports with the same problem. ### Description Hi! I've noticed that long continuous strings (e.g. long data-rich links) in checklists break out of the description box in the task view. Adding a 'word-break' CSS property with the value of 'break-all' does the trick. I'm not familiar with tailwind, but looking at their docs this should hopefully just mean adding a 'break-all' class somewhere convenient in the hierarchy. Or just adding a 'word-break:break-all' to .ProseMirror? I'm a webdev by day, so I'm happy to work on this and put together a PR. It'd just be good to get some feedback from someone familiar with the project as to where would be best to make this change instead of stumbling about the /frontend directory. Thanks! ### Vikunja Version Demo site: v1.1.0-80-bf8138ec, My instance: v1.1.0 ### Browser and version Firefox 147 on Linux ### Can you reproduce the bug on the Vikunja demo site? Yes ### Screenshots As-is <img width="1336" height="218" alt="Image" src="https://github.com/user-attachments/assets/649eeedb-0f54-417c-b615-5c3cb4860289" /> With a 'word-break:break-all' property added: <img width="1013" height="192" alt="Image" src="https://github.com/user-attachments/assets/373ca592-5154-41f8-b82f-9cdc71a56d98" /> The above images were taken from the demo site.
Author
Owner

@vikunja-bot-app[bot] commented on GitHub (Feb 19, 2026):

This issue has been fixed in bc2f7e5, please check with the next unstable build (should be ready for deployment in ~30min, also on the demo).

<!-- gh-comment-id:3927901147 --> @vikunja-bot-app[bot] commented on GitHub (Feb 19, 2026): This issue has been fixed in [`bc2f7e5`](https://api.github.com/repos/go-vikunja/vikunja/commits/bc2f7e5840b9a880b1a961c03cdf029dbf379f06), please check with the next unstable build (should be ready for deployment in ~30min, also on [the demo](https://try.vikunja.io)).
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/vikunja#6620