TemaDeveloper / TemaDeveloper/personal_planner

polish: Add autoFocus to first input in add/edit modals

Open Beginner friendly
#11 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

good first issue polish
Dominant language
TypeScript
Stars
2
Forks
4
No merged PRs in 30d

Description

Description

Reaudit (2026-07-06): still valid. Modal (src/components/ui/modal.tsx) does not auto-focus, and the main add/edit forms leave the first field unfocused:

  • custom-entry-form.tsx:85 — first field (Date) has no autoFocus
  • work-tracker.tsx AddSessionModal:494, AddExpenseModal:569, AddRouteModal:654 — first inputs have no autoFocus

Already correct: board-view.tsx:153 (add-card) and several Notes components.

Fix

Add autoFocus to the first input in custom-entry-form.tsx and the three work-tracker modals (or focus-on-open in Modal).

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start in src/components/ui/modal.tsx and the named form components, then compare the existing behavior in board-view.tsx:153 and the Notes components. Add focus behavior for the first input in custom-entry-form.tsx and the three work-tracker modals, either locally or through Modal. Done means each listed add/edit modal focuses its first input when opened.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
2/5
Estimated time
Half a day
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
72/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.