actualbudget / actualbudget/actual
[Bug]: [UI/UX] Input text box overlaps and covers quick budget options during cell editing and keyboard navigation
- 主要語言
- TypeScript
- 星號
- 28.7k
- 分支
- 3k
- 平均合併
- 2 天 11 小時
- 30 天內合併 PR
- 65
描述
### What happened?
When editing a budget cell, the active input box overlays and completely obscures the quick budget options (e.g., Last month, 3-month average, 1-year average).
Additionally, when navigating down line items using keyboard shortcuts (e.g., pressing Enter or Tab to move to the next cell), the newly focused cell immediately expands into its active input box, continuing to obscure the quick budget options for each subsequent item.
Suggested Solutions
Layout Adjustment: Position the quick budget popup/buttons outside the immediate bounding box of the text input field (e.g., render them in a floating tooltip/flyout adjacent to the cell or in an external popover).
Padding / Width Constraining: Restrict the active input box width so it does not overlap the container holding the action options.
Keyboard Accessibility: Ensure quick budget options can also be triggered via keyboard shortcuts (e.g., hotkeys) while inside the active cell.
### How can we reproduce the issue?
Navigate to the Budget screen.
Locate any budget line item that displays quick budget options next to its budget cell.
Click into the budget cell to enter edit mode.
Observation: The text input box overlays the cell area and covers up the quick budget buttons.
Type a value and press Enter to move to the cell directly below.
Observation: The next cell enters edit mode immediately, and its text input box covers that item's quick budget options as well.
### Where are you hosting Actual?
Docker
### What browsers are you seeing the problem on?
Desktop App (Electron)
### Operating System
Linux
貢獻指南
評估
這個 Issue 還沒有評估資料。