fix: keep values in cells that have a stored value after blur

closes #109

Author: simonwep

src/app/components/base/currency-cell/CurrencyCell.vue

@@ -68,7 +68,10 @@ watch(modelValue, (value, oldValue) => {
 });
 
 watch(focused, (value) => {
-  if (value) return;
+  if (value) {
+    innerValue.value ??= modelValue.value ? String(modelValue.value) : undefined;
+    return;
+  }
 
   const trimmed = innerValue.value?.trim();
   if (!trimmed) {

test/budgets.spec.ts

@@ -31,7 +31,7 @@ test('Show correct budget group totals and averages', async ({ page }) => {
   await expect(page.getByTestId('group-0-budget-0-average')).toContainText('€125');
 });
 
-test('Evaluate expressions correctly without erors', async ({ page }) => {
+test('Evaluate expressions correctly without errors', async ({ page }) => {
   await page.goto('/income');
 
   // Simple expressions

test/tools.spec.ts

@@ -12,6 +12,16 @@ test('Load demo data', async ({ page }) => {
   await expect(page.getByTestId('income-value')).toHaveText('€108,600');
 });
 
+test('Keep value in cells if unchanged', async ({ page }) => {
+  await page.goto('/#demo');
+  await page.getByTestId('navigation-income').click();
+  const value = await page.getByTestId('group-0-budget-0-0').inputValue();
+
+  await page.getByTestId('group-0-budget-0-0').focus();
+  await page.getByTestId('group-0-budget-0-0').blur();
+  await expect(page.getByTestId('group-0-budget-0-0')).toHaveValue(value);
+});
+
 test('Copy data from one year to another', async ({ page }) => {
   await page.goto('/#demo');
   await expect(page.getByTestId('income-value')).toHaveText('€108,600');