[PR #7749] [AI] Fix Escape to exit edit mode and clear multi-select in tables #89547

Open
opened 2026-05-22 14:01:17 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/7749
Author: @nikhilweee
Created: 5/8/2026
Status: 🔄 Open

Base: masterHead: fix-escape-key-table-cells


📝 Commits (8)

  • 45e2b4c [AI] Fix Escape to exit edit mode and clear multi-select in tables
  • a128fd0 [AI] Add release notes for #7749
  • 4bec226 Merge branch 'master' into fix-escape-key-table-cells
  • 7ec7e20 Merge branch 'master' into fix-escape-key-table-cells
  • f682e03 Merge branch 'master' into fix-escape-key-table-cells
  • c1f87bf Merge branch 'master' into fix-escape-key-table-cells
  • 17e8cad Merge branch 'master' into fix-escape-key-table-cells
  • c40c7cd Merge branch 'master' into fix-escape-key-table-cells

📊 Changes

4 files changed (+284 additions, -4 deletions)

View changed files

packages/desktop-client/e2e/keyboard-navigation.test.ts (+224 -0)
📝 packages/desktop-client/src/components/budget/BudgetTable.tsx (+3 -0)
📝 packages/desktop-client/src/components/table.tsx (+51 -4)
upcoming-release-notes/7749.md (+6 -0)

📄 Description

Description

Clicking a cell in the transactions, budget, payees, or tags table jumps directly into edit mode, but pressing Escape previously did nothing useful: in plain text cells it would revert the typed value but the input stayed focused; in autocomplete or date-picker cells it didn't even do that. Multi-selecting rows via checkboxes also had no keyboard escape — you had to click the checkboxes again or use the toolbar to clear the selection.

This PR makes Escape a proper "back out" key:

  • Inside an editable cell: Escape exits edit mode and reverts the typed value.
  • With rows checkbox-selected (and no cell being edited): Escape clears the selection in a single press.
  • When both states overlap (a cell is being edited and rows are checked): the first Escape exits edit, the second clears the selection.
  • Popovers (autocomplete dropdown, date picker) keep their existing Escape-to-close behavior; their handlers stop propagation, so the new Escape logic only fires once the popover is closed.

None.

Testing

Manual:

  1. Open the demo budget (View demo).
  2. Budget grid: click any budgeted cell, type a new value, press Escape — cell exits edit mode and reverts to its previous value (the total budgeted at the top should not change).
  3. Transactions table (open any account):
    • Click a notes/payee/category cell, type, press Escape — value reverts and cell exits.
    • Open a category cell with the autocomplete dropdown, press Escape — dropdown closes; press Escape again — cell exits.
    • Check 3 rows via checkboxes, press Escape — all unchecked, toolbar disappears.
    • Check rows, then click another cell to edit; press Escape — exit edit (rows still checked); press Escape again — rows unchecked.
  4. Payees and Tags pages: same behavior where applicable.

Automated: new packages/desktop-client/e2e/keyboard-navigation.test.ts (6 tests) covers the budget grid (test budget + demo budget), transactions table (single ESC, multi-select clear, layered peel-off), and the cell-with-existing-value scenario that surfaces the value-revert path.

Checklist

  • Release notes added (see link above)
  • No obvious regressions in affected areas
  • Self-review has been performed - I understand what each change in the code does and why it is needed

Bundle Stats

Bundle Files count Total bundle size % Changed
desktop-client 33 13.99 MB → 14 MB (+930 B) +0.01%
loot-core 1 5.34 MB 0%
api 2 3.96 MB 0%
cli 1 7.97 MB 0%
crdt 1 11.12 kB 0%
View detailed bundle stats

desktop-client

Total

Files count Total bundle size % Changed
33 13.99 MB → 14 MB (+930 B) +0.01%
Changeset
File Δ Size
src/components/table.tsx 📈 +848 B (+2.16%) 38.37 kB → 39.2 kB
src/components/budget/BudgetTable.tsx 📈 +82 B (+0.81%) 9.9 kB → 9.98 kB
View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger

Asset File Size % Changed
static/js/Value.js 4.97 MB → 4.97 MB (+848 B) +0.02%
static/js/index.js 2.01 MB → 2.01 MB (+82 B) +0.00%

Smaller
No assets were smaller

Unchanged

Asset File Size % Changed
static/js/BackgroundImage.js 121.09 kB 0%
static/js/FormulaEditor.js 962.55 kB 0%
static/js/ReportRouter.js 1.25 MB 0%
static/js/ScheduleEditForm.js 146.45 kB 0%
static/js/TransactionEdit.js 190.43 kB 0%
static/js/TransactionList.js 85.81 kB 0%
static/js/bankSyncUtils.js 54.15 kB 0%
static/js/ca.js 187.72 kB 0%
static/js/chart-theme.js 800.08 kB 0%
static/js/client.js 451.37 kB 0%
static/js/da.js 101.28 kB 0%
static/js/de.js 170.38 kB 0%
static/js/en-GB.js 10.01 kB 0%
static/js/en.js 195.44 kB 0%
static/js/es.js 178.83 kB 0%
static/js/extends.js 519.29 kB 0%
static/js/fr.js 178.71 kB 0%
static/js/indexeddb-main-thread-worker-e59fee74.js 13.46 kB 0%
static/js/it.js 165.13 kB 0%
static/js/narrow.js 364.2 kB 0%
static/js/nb-NO.js 148.19 kB 0%
static/js/nl.js 106.34 kB 0%
static/js/pt-BR.js 189.39 kB 0%
static/js/resize-observer.js 18.06 kB 0%
static/js/th.js 174.62 kB 0%
static/js/theme.js 31.67 kB 0%
static/js/uk.js 207.56 kB 0%
static/js/useFormatList.js 4.96 kB 0%
static/js/wide.js 453 B 0%
static/js/workbox-window.prod.es5.js 7.33 kB 0%
static/js/zh-Hans.js 117.75 kB 0%

loot-core

Total

Files count Total bundle size % Changed
1 5.34 MB 0%
View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger
No assets were bigger

Smaller
No assets were smaller

Unchanged

Asset File Size % Changed
kcab.worker.C0Ijh3nP.js 5.34 MB 0%

api

Total

Files count Total bundle size % Changed
2 3.96 MB 0%
View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger
No assets were bigger

Smaller
No assets were smaller

Unchanged

Asset File Size % Changed
index.js 3.96 MB 0%
models.js 0 B 0%

cli

Total

Files count Total bundle size % Changed
1 7.97 MB 0%
View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger
No assets were bigger

Smaller
No assets were smaller

Unchanged

Asset File Size % Changed
cli.js 7.97 MB 0%

crdt

Total

Files count Total bundle size % Changed
1 11.12 kB 0%
View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger
No assets were bigger

Smaller
No assets were smaller

Unchanged

Asset File Size % Changed
index.js 11.12 kB 0%

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/actualbudget/actual/pull/7749 **Author:** [@nikhilweee](https://github.com/nikhilweee) **Created:** 5/8/2026 **Status:** 🔄 Open **Base:** `master` ← **Head:** `fix-escape-key-table-cells` --- ### 📝 Commits (8) - [`45e2b4c`](https://github.com/actualbudget/actual/commit/45e2b4c62d0bc728e63abd7778255db12ca0cb54) [AI] Fix Escape to exit edit mode and clear multi-select in tables - [`a128fd0`](https://github.com/actualbudget/actual/commit/a128fd04bed5e72feff7ce1c26f6e158eacd6a0b) [AI] Add release notes for #7749 - [`4bec226`](https://github.com/actualbudget/actual/commit/4bec226e1d1529fca9a0d1a6169f14a5b8fe8f4f) Merge branch 'master' into fix-escape-key-table-cells - [`7ec7e20`](https://github.com/actualbudget/actual/commit/7ec7e20f5fd4a4a467ba859f11a64e44b0a2ed2a) Merge branch 'master' into fix-escape-key-table-cells - [`f682e03`](https://github.com/actualbudget/actual/commit/f682e0342043d140f1340dc6e1416b2583ea4367) Merge branch 'master' into fix-escape-key-table-cells - [`c1f87bf`](https://github.com/actualbudget/actual/commit/c1f87bf9320e621b9bdd9929589d457c5e39132e) Merge branch 'master' into fix-escape-key-table-cells - [`17e8cad`](https://github.com/actualbudget/actual/commit/17e8cad7ccf035a4d3dc7ee1974b21d06d588f23) Merge branch 'master' into fix-escape-key-table-cells - [`c40c7cd`](https://github.com/actualbudget/actual/commit/c40c7cd6d2760fb71ae70f5b336bc8691c00077f) Merge branch 'master' into fix-escape-key-table-cells ### 📊 Changes **4 files changed** (+284 additions, -4 deletions) <details> <summary>View changed files</summary> ➕ `packages/desktop-client/e2e/keyboard-navigation.test.ts` (+224 -0) 📝 `packages/desktop-client/src/components/budget/BudgetTable.tsx` (+3 -0) 📝 `packages/desktop-client/src/components/table.tsx` (+51 -4) ➕ `upcoming-release-notes/7749.md` (+6 -0) </details> ### 📄 Description ## Description Clicking a cell in the transactions, budget, payees, or tags table jumps directly into edit mode, but pressing **Escape** previously did nothing useful: in plain text cells it would revert the typed value but the input stayed focused; in autocomplete or date-picker cells it didn't even do that. Multi-selecting rows via checkboxes also had no keyboard escape — you had to click the checkboxes again or use the toolbar to clear the selection. This PR makes Escape a proper "back out" key: - Inside an editable cell: Escape exits edit mode and reverts the typed value. - With rows checkbox-selected (and no cell being edited): Escape clears the selection in a single press. - When both states overlap (a cell is being edited *and* rows are checked): the first Escape exits edit, the second clears the selection. - Popovers (autocomplete dropdown, date picker) keep their existing Escape-to-close behavior; their handlers stop propagation, so the new Escape logic only fires once the popover is closed. ## Related issue(s) None. ## Testing Manual: 1. Open the demo budget (View demo). 2. **Budget grid**: click any budgeted cell, type a new value, press Escape — cell exits edit mode and reverts to its previous value (the total budgeted at the top should not change). 3. **Transactions table** (open any account): - Click a notes/payee/category cell, type, press Escape — value reverts and cell exits. - Open a category cell with the autocomplete dropdown, press Escape — dropdown closes; press Escape again — cell exits. - Check 3 rows via checkboxes, press Escape — all unchecked, toolbar disappears. - Check rows, then click another cell to edit; press Escape — exit edit (rows still checked); press Escape again — rows unchecked. 4. **Payees** and **Tags** pages: same behavior where applicable. Automated: new `packages/desktop-client/e2e/keyboard-navigation.test.ts` (6 tests) covers the budget grid (test budget + demo budget), transactions table (single ESC, multi-select clear, layered peel-off), and the cell-with-existing-value scenario that surfaces the value-revert path. ## Checklist - [x] Release notes added (see link above) - [x] No obvious regressions in affected areas - [x] Self-review has been performed - I understand what each change in the code does and why it is needed <!--- actual-bot-sections ---> <hr /> <!--- bundlestats-action-comment key:combined start ---> ### Bundle Stats Bundle | Files count | Total bundle size | % Changed ------ | ----------- | ----------------- | --------- desktop-client | 33 | 13.99 MB → 14 MB (+930 B) | +0.01% loot-core | 1 | 5.34 MB | 0% api | 2 | 3.96 MB | 0% cli | 1 | 7.97 MB | 0% crdt | 1 | 11.12 kB | 0% <details> <summary>View detailed bundle stats</summary> #### desktop-client **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 33 | 13.99 MB → 14 MB (+930 B) | +0.01% <details> <summary>Changeset</summary> File | Δ | Size ---- | - | ---- `src/components/table.tsx` | 📈 +848 B (+2.16%) | 38.37 kB → 39.2 kB `src/components/budget/BudgetTable.tsx` | 📈 +82 B (+0.81%) | 9.9 kB → 9.98 kB </details> <details> <summary>View detailed bundle breakdown</summary> <div> **Added** No assets were added **Removed** No assets were removed **Bigger** Asset | File Size | % Changed ----- | --------- | --------- static/js/Value.js | 4.97 MB → 4.97 MB (+848 B) | +0.02% static/js/index.js | 2.01 MB → 2.01 MB (+82 B) | +0.00% **Smaller** No assets were smaller **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- static/js/BackgroundImage.js | 121.09 kB | 0% static/js/FormulaEditor.js | 962.55 kB | 0% static/js/ReportRouter.js | 1.25 MB | 0% static/js/ScheduleEditForm.js | 146.45 kB | 0% static/js/TransactionEdit.js | 190.43 kB | 0% static/js/TransactionList.js | 85.81 kB | 0% static/js/bankSyncUtils.js | 54.15 kB | 0% static/js/ca.js | 187.72 kB | 0% static/js/chart-theme.js | 800.08 kB | 0% static/js/client.js | 451.37 kB | 0% static/js/da.js | 101.28 kB | 0% static/js/de.js | 170.38 kB | 0% static/js/en-GB.js | 10.01 kB | 0% static/js/en.js | 195.44 kB | 0% static/js/es.js | 178.83 kB | 0% static/js/extends.js | 519.29 kB | 0% static/js/fr.js | 178.71 kB | 0% static/js/indexeddb-main-thread-worker-e59fee74.js | 13.46 kB | 0% static/js/it.js | 165.13 kB | 0% static/js/narrow.js | 364.2 kB | 0% static/js/nb-NO.js | 148.19 kB | 0% static/js/nl.js | 106.34 kB | 0% static/js/pt-BR.js | 189.39 kB | 0% static/js/resize-observer.js | 18.06 kB | 0% static/js/th.js | 174.62 kB | 0% static/js/theme.js | 31.67 kB | 0% static/js/uk.js | 207.56 kB | 0% static/js/useFormatList.js | 4.96 kB | 0% static/js/wide.js | 453 B | 0% static/js/workbox-window.prod.es5.js | 7.33 kB | 0% static/js/zh-Hans.js | 117.75 kB | 0% </div> </details> --- #### loot-core **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 5.34 MB | 0% <details> <summary>View detailed bundle breakdown</summary> <div> **Added** No assets were added **Removed** No assets were removed **Bigger** No assets were bigger **Smaller** No assets were smaller **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- kcab.worker.C0Ijh3nP.js | 5.34 MB | 0% </div> </details> --- #### api **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 2 | 3.96 MB | 0% <details> <summary>View detailed bundle breakdown</summary> <div> **Added** No assets were added **Removed** No assets were removed **Bigger** No assets were bigger **Smaller** No assets were smaller **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- index.js | 3.96 MB | 0% models.js | 0 B | 0% </div> </details> --- #### cli **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 7.97 MB | 0% <details> <summary>View detailed bundle breakdown</summary> <div> **Added** No assets were added **Removed** No assets were removed **Bigger** No assets were bigger **Smaller** No assets were smaller **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- cli.js | 7.97 MB | 0% </div> </details> --- #### crdt **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 11.12 kB | 0% <details> <summary>View detailed bundle breakdown</summary> <div> **Added** No assets were added **Removed** No assets were removed **Bigger** No assets were bigger **Smaller** No assets were smaller **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- index.js | 11.12 kB | 0% </div> </details> </details> <!--- bundlestats-action-comment key:combined end ---> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-05-22 14:01:17 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#89547