[Bug]: Split payee names wrap over multiple lines into multiple rows #1579

Closed
opened 2026-02-28 19:47:39 -06:00 by GiteaMirror · 4 comments
Owner

Originally created by @NikxDa on GitHub (Nov 10, 2024).

Verified issue does not already exist?

  • I have searched and found no existing issue
  • I will be providing steps how to reproduce the bug (in most cases this will also mean uploading a demo budget file)

What happened?

For a few versions now, split payee names have been wrapping differently than before, where instead of being cropped with ellipsis, they wrap and overflow into the row above / get clipped by the row below.

CleanShot 2024-11-10 at 02 44 59@2x

Where are you hosting Actual?

Docker

What browsers are you seeing the problem on?

Chrome

Operating System

Mac OSX

Originally created by @NikxDa on GitHub (Nov 10, 2024). ### Verified issue does not already exist? - [X] I have searched and found no existing issue - [X] I will be providing steps how to reproduce the bug (in most cases this will also mean uploading a demo budget file) ### What happened? For a few versions now, split payee names have been wrapping differently than before, where instead of being cropped with ellipsis, they wrap and overflow into the row above / get clipped by the row below. ![CleanShot 2024-11-10 at 02 44 59@2x](https://github.com/user-attachments/assets/8d781be9-e8cc-48e5-8ba2-08784faa61a2) ### Where are you hosting Actual? Docker ### What browsers are you seeing the problem on? Chrome ### Operating System Mac OSX
GiteaMirror added the good first issueuser interfacebug labels 2026-02-28 19:47:39 -06:00
Author
Owner

@ShayanAraghi commented on GitHub (Jul 28, 2025):

@matt-fidd Looks like this is working now. I see the first payee and a “+X more” on the same row, and nothing’s wrapping to the next row anymore. I think we can close this issue.

Image Image
@ShayanAraghi commented on GitHub (Jul 28, 2025): @matt-fidd Looks like this is working now. I see the first payee and a “+X more” on the same row, and nothing’s wrapping to the next row anymore. I think we can close this issue. <img width="1669" height="65" alt="Image" src="https://github.com/user-attachments/assets/5bc2fc0d-5f35-4245-9707-fe1e95158afb" /> <img width="789" height="67" alt="Image" src="https://github.com/user-attachments/assets/756a5949-e992-4ae6-814a-2eecf097bd44" />
Author
Owner

@NikxDa commented on GitHub (Jul 28, 2025):

@ShayanAraghi @matt-fidd I can confirm this is still an issue in 25.7. In the screenshot from your comment above, the (+2 more) text is similarly wrapping to the second line.

Image
@NikxDa commented on GitHub (Jul 28, 2025): @ShayanAraghi @matt-fidd I can confirm this is still an issue in 25.7. In the screenshot from your comment above, the `(+2 more)` text is similarly wrapping to the second line. <img width="394" height="198" alt="Image" src="https://github.com/user-attachments/assets/c8d0508b-9341-43e8-8eb7-7042f071e372" />
Author
Owner

@NikxDa commented on GitHub (Jul 28, 2025):

For reference, this is what I am expecting:

Image

It requires adding a few styles to make sure that the overflow of the split UI is hidden, white-space set to nowrap and text-overflow set to ellipsis.

@NikxDa commented on GitHub (Jul 28, 2025): For reference, this is what I am expecting: <img width="358" height="142" alt="Image" src="https://github.com/user-attachments/assets/6b6743f1-b265-4e03-afa3-32fdd46fa8e5" /> It requires adding a few styles to make sure that the overflow of the split UI is hidden, `white-space` set to `nowrap` and `text-overflow` set to `ellipsis`.
Author
Owner

@ShayanAraghi commented on GitHub (Jul 28, 2025):

@NikxDa Ah, sorry about that, I couldn't replicate the same UI you linked earlier, so I misunderstood the expected result. I see now that I am getting overflow onto the next row.

Image
@ShayanAraghi commented on GitHub (Jul 28, 2025): @NikxDa Ah, sorry about that, I couldn't replicate the same UI you linked earlier, so I misunderstood the expected result. I see now that I am getting overflow onto the next row. <img width="597" height="96" alt="Image" src="https://github.com/user-attachments/assets/d4b3e0e6-d95e-4fd5-b754-b62afe18ab22" />
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#1579