From 21b90c0908cb796db8df1c516ad2b5ea15f495e2 Mon Sep 17 00:00:00 2001
From: Aaro Koivukangas <aaro@koivukangas.cc>
Date: Sun, 11 Oct 2026 19:51:59 +0300
Subject: [PATCH] [QoL] Tab now moves to the next input field

---
 e2e/hours.spec.ts              | 8 ++++++++
 frontend/components/DayRow.tsx | 2 ++
 2 files changed, 10 insertions(+)

diff --git a/e2e/hours.spec.ts b/e2e/hours.spec.ts
index dffef6f..cc33979 100644
--- a/e2e/hours.spec.ts
+++ b/e2e/hours.spec.ts
@@ -87,6 +87,14 @@ test.describe('entering total hours', () => {
     await expect(dayInput(page, MONDAY)).toHaveValue('6:45');
     void user;
   });
+
+  test('Tab moves straight to the next day, skipping the mode buttons', async ({ page, user }) => {
+    await page.goto('/');
+    await dayInput(page, MONDAY).focus();
+    await page.keyboard.press('Tab');
+    await expect(dayInput(page, TUE)).toBeFocused();
+    void user;
+  });
 });
 
 test.describe('start–end ranges', () => {
diff --git a/frontend/components/DayRow.tsx b/frontend/components/DayRow.tsx
index 1c030fb..f6953f0 100644
--- a/frontend/components/DayRow.tsx
+++ b/frontend/components/DayRow.tsx
@@ -46,6 +46,8 @@ export function DayRow({ date, entry, worked, target, isToday, onChange }: Props
           <button
             key={m.mode}
             type="button"
+            // Out of the tab order so Tab goes from one day's input straight to the next.
+            tabIndex={-1}
             className={m.mode === mode ? 'active' : ''}
             onClick={() => m.mode !== mode && onChange(emptyEntry(m.mode))}
           >