[GH-ISSUE #7738] [Bug]: Split transaction popup displayed has scrollbars and buttons hidden #80618

Closed
opened 2026-05-19 04:27:05 -05:00 by GiteaMirror · 3 comments
Owner

Originally created by @cswrd on GitHub (May 7, 2026).
Original GitHub issue: https://github.com/actualbudget/actual/issues/7738

What happened?

I was trying to split a transaction, but the popup doesn't render well. The transaction can be split, though:

Image

How can we reproduce the issue?

  1. Go to all accounts
  2. Choose an transaction
  3. Click on the split transaction button in the category column
  4. Observe the split transaction popup is not displayed well

More information:

  • Language: German
  • Monitor: 4K, 3840x2160
  • Happens even on default zoom levels: 100% Windows and 100% Browser (screenshot is taken with my preferred 175% Windows zoom setting)
  • Setting the language in the Web UI to English improves the UI: all buttons in the popup are fully displayed. A vertical scrollbar is still visible though, even if everything is set to default 100% zoom
  • Affected at least: v26.5.0, v26.4.0 and I think even v26.3.0 got that issue

Where are you hosting Actual?

Docker

What browsers are you seeing the problem on?

Chrome

Operating System

Windows 11

Originally created by @cswrd on GitHub (May 7, 2026). Original GitHub issue: https://github.com/actualbudget/actual/issues/7738 ### What happened? I was trying to split a transaction, but the popup doesn't render well. The transaction can be split, though: <img width="455" height="222" alt="Image" src="https://github.com/user-attachments/assets/f537afc6-0d4e-4395-ad2d-e414c24333e1" /> ### How can we reproduce the issue? 1. Go to all accounts 2. Choose an transaction 3. Click on the split transaction button in the category column 4. Observe the split transaction popup is not displayed well More information: - Language: German - Monitor: 4K, 3840x2160 - Happens even on default zoom levels: 100% Windows and 100% Browser (screenshot is taken with my preferred 175% Windows zoom setting) - Setting the language in the Web UI to English improves the UI: all buttons in the popup are fully displayed. A vertical scrollbar is still visible though, even if everything is set to default 100% zoom - Affected at least: v26.5.0, v26.4.0 and I think even v26.3.0 got that issue ### Where are you hosting Actual? Docker ### What browsers are you seeing the problem on? Chrome ### Operating System Windows 11
GiteaMirror added the bugtranslationstransactions labels 2026-05-19 04:27:06 -05:00
Author
Owner

@coderabbitai[bot] commented on GitHub (May 7, 2026):

⚠️ Possible Duplicate Issue(s)

📝 Issue Planner

Check the box below or use the @coderabbitai plan command to generate an implementation plan and prompts that you can use with your favorite coding assistant.

  • Create Plan

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord!

<!-- gh-comment-id:4398005736 --> @coderabbitai[bot] commented on GitHub (May 7, 2026): <!-- This is an auto-generated issue plan by CodeRabbit --> <details> <summary>⚠️ Possible Duplicate Issue(s)</summary> - https://github.com/actualbudget/actual/issues/7330 </details> --- <details> <summary>📝 Issue Planner</summary> <sub>Check the box below or use the `@coderabbitai plan` command to generate an implementation plan and prompts that you can use with your favorite coding assistant.</sub> - [ ] <!-- {"checkboxId": "8d4f2b9c-3e1a-4f7c-a9b2-d5e8f1c4a7b9"} --> Create Plan </details> --- <details> <summary> 🧪 Issue enrichment is currently in open beta.</summary> You can configure auto-planning by selecting labels in the issue_enrichment configuration. To disable automatic issue enrichment, add the following to your `.coderabbit.yaml`: ```yaml issue_enrichment: auto_enrich: enabled: false ``` </details> 💬 Have feedback or questions? Drop into our [discord](https://discord.gg/coderabbit)!
Author
Owner

@impetus82 commented on GitHub (May 12, 2026):

I can take a look at this.

Since the issue changes with German labels and a high-DPI/4K setup, I would start by reproducing the split popup with the German locale and then check whether the dialog has a fixed height/width or button row that does not account for longer translated strings.

Plan:

  • reproduce the split transaction popup in German
  • inspect the modal/container sizing and scroll behavior
  • adjust the layout so buttons remain visible with longer translations
  • avoid adding unnecessary scrollbars when the content fits
  • include a short before/after verification note
<!-- gh-comment-id:4433660878 --> @impetus82 commented on GitHub (May 12, 2026): I can take a look at this. Since the issue changes with German labels and a high-DPI/4K setup, I would start by reproducing the split popup with the German locale and then check whether the dialog has a fixed height/width or button row that does not account for longer translated strings. Plan: - reproduce the split transaction popup in German - inspect the modal/container sizing and scroll behavior - adjust the layout so buttons remain visible with longer translations - avoid adding unnecessary scrollbars when the content fits - include a short before/after verification note
Author
Owner

@impetus82 commented on GitHub (May 12, 2026):

Opened a focused PR for this: https://github.com/actualbudget/actual/pull/7814

The issue appears to come from the split error popover being capped at 38px high while the content needs more room with longer translated labels. The PR removes that fixed height and lets the row wrap so the buttons stay visible.

<!-- gh-comment-id:4433975481 --> @impetus82 commented on GitHub (May 12, 2026): Opened a focused PR for this: https://github.com/actualbudget/actual/pull/7814 The issue appears to come from the split error popover being capped at 38px high while the content needs more room with longer translated labels. The PR removes that fixed height and lets the row wrap so the buttons stay visible.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#80618