Skip to content

Add mobile inputs demo with conditional fields and a mobile benchmark - #80

Open
bjacobso wants to merge 1 commit into
mainfrom
bjacobso/foldkit-architecture-feedback
Open

bjacobso wants to merge 1 commit into
mainfrom
bjacobso/foldkit-architecture-feedback

Conversation

@bjacobso

@bjacobso bjacobso commented Oct 20, 2026 •

Copy link
Copy Markdown
Owner

Adds a mobile-first candidate application demo at /mobile-form built from stateless, touch-tuned Foldkit controls: the right keyboard and autofill token per field, masks that keep the cursor in place, a searchable bottom-sheet state picker, a one-time-code input, and yes/no questions that reveal nested follow-up fields with a CSS-only animation (hidden answers are kept but never validated). A standalone build of just the form (apply.html), a Playwright benchmark (apps/demo/bench/mobile-form.mjs) on an emulated mid-range phone, and live per-keystroke timings on the demo page measure payload and interaction latency. docs/mobile-inputs.md records the method and results against a React baseline written from the same spec: React was as fast or faster on typing and taps and about 50 KB gzip smaller, and Foldkit's strengths here are reviewability and testability, not speed. Includes unit tests, an e2e scenario, and the sidebar and route wiring; pnpm check passes, and the behavior was verified in Chrome mobile emulation only, not on real iOS devices.

🤖 Generated with Claude Code


Open workspace in Conductor

Adds a mobile-first candidate application at /mobile-form built from
stateless touch-tuned controls: correct keyboards and autofill tokens,
caret-preserving masks, a searchable bottom-sheet state picker, a
one-time-code input, and yes/no questions that reveal nested follow-ups
with a CSS-only animation. A standalone build (apply.html) and a
Playwright benchmark measure payload and interaction latency on an
emulated mid-range phone; docs/mobile-inputs.md records the method and
results against a React baseline.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant