Bug: date field is unresponsive readonly text input — no calendar picker on mobile #11

New issue

Closed

opened 2026-03-24 19:59:27 +00:00 by forgejo_admin · 1 comment

forgejo_admin commented

2026-03-24 19:59:27 +00:00

Owner

Type

Bug

Lineage

plan-wkq → Phase 14 (Billing Tiers & Contracts) — discovered during mobile E2E validation

Repo

forgejo_admin/westside-contracts

What Broke

The signing date field on the contract page is <input type="text" readonly>. On mobile, tapping it does nothing — no keyboard, no calendar, no feedback. Users think it's broken. The field is styled identically to the editable legal name input above it, making the dead tap feel like a bug.

Current code (+page.svelte line 458):

<input class="form-input" type="text" id="signDate" value={dateStr} readonly>

Repro Steps

Open any contract page on a mobile phone
Check "I agree" to reveal the signing section
Tap the Date field
Nothing happens — no picker, no keyboard, no visual feedback

Expected Behavior

The signing date should be clearly displayed as today's date using a native date picker (type="date") that defaults to today. On mobile browsers this shows the native calendar interface, giving the user confidence the date is correct and the field is working. The field should still be readonly/disabled so users cannot backdate.

Environment

Cluster/namespace: prod / westside-contracts
Service version/commit: 813baf3 (current main)
Related alerts: none — UX bug, not runtime error

Acceptance Criteria

Date field uses type="date" with today as default value (YYYY-MM-DD format for the value attribute)
Field is disabled so user cannot change the date
Native mobile calendar picker appears on tap (iOS Safari, Chrome Android)
The display format is human-readable on all platforms
Success overlay still shows correct signed date
No regression in form validation or submit flow

project-westside-basketball — project this affects
forgejo_admin/westside-contracts #9 — previous date fix (SSR timezone)
forgejo_admin/westside-contracts #7 — E2E validation (this blocks sign-off)

### Type Bug ### Lineage `plan-wkq` → Phase 14 (Billing Tiers & Contracts) — discovered during mobile E2E validation ### Repo `forgejo_admin/westside-contracts` ### What Broke The signing date field on the contract page is `<input type="text" readonly>`. On mobile, tapping it does nothing — no keyboard, no calendar, no feedback. Users think it's broken. The field is styled identically to the editable legal name input above it, making the dead tap feel like a bug. Current code (`+page.svelte` line 458): ```html <input class="form-input" type="text" id="signDate" value={dateStr} readonly> ``` ### Repro Steps 1. Open any contract page on a mobile phone 2. Check "I agree" to reveal the signing section 3. Tap the Date field 4. Nothing happens — no picker, no keyboard, no visual feedback ### Expected Behavior The signing date should be clearly displayed as today's date using a native date picker (`type="date"`) that defaults to today. On mobile browsers this shows the native calendar interface, giving the user confidence the date is correct and the field is working. The field should still be readonly/disabled so users cannot backdate. ### Environment - Cluster/namespace: prod / westside-contracts - Service version/commit: `813baf3` (current main) - Related alerts: none — UX bug, not runtime error ### Acceptance Criteria - [ ] Date field uses `type="date"` with today as default value (YYYY-MM-DD format for the value attribute) - [ ] Field is disabled so user cannot change the date - [ ] Native mobile calendar picker appears on tap (iOS Safari, Chrome Android) - [ ] The display format is human-readable on all platforms - [ ] Success overlay still shows correct signed date - [ ] No regression in form validation or submit flow ### Related - `project-westside-basketball` — project this affects - `forgejo_admin/westside-contracts #9` — previous date fix (SSR timezone) - `forgejo_admin/westside-contracts #7` — E2E validation (this blocks sign-off)

forgejo_admin referenced this issue from a commit

2026-03-24 20:01:01 +00:00

fix: use native date input on contract signing page for mobile

forgejo_admin referenced this issue from a pull request that will close it,

2026-03-24 20:02:35 +00:00

fix: use native date input on contract signing page for mobile #12

forgejo_admin commented

2026-03-24 20:03:41 +00:00

Author

Owner

Scope Review: READY

Review note: review-334-2026-03-24
Bug confirmed on main — line 462 has type="text" readonly (ticket says line 458, minor discrepancy). All 6 acceptance criteria are agent-verifiable. No blast radius in sibling repos. Fix branch 11-fix-date-input-mobile already exists with the correct implementation.

## Scope Review: READY Review note: `review-334-2026-03-24` Bug confirmed on main — line 462 has `type="text" readonly` (ticket says line 458, minor discrepancy). All 6 acceptance criteria are agent-verifiable. No blast radius in sibling repos. Fix branch `11-fix-date-input-mobile` already exists with the correct implementation.

forgejo_admin referenced this issue

2026-03-24 20:04:47 +00:00

fix: use native date input on contract signing page for mobile #12

forgejo_admin referenced this issue

2026-03-24 20:09:25 +00:00

fix: use native date input on contract signing page for mobile #12

forgejo_admin closed this issue

2026-03-24 20:10:21 +00:00

forgejo_admin referenced this issue

2026-03-24 20:16:24 +00:00

Remove date field from contract signing section #13

forgejo_admin referenced this issue