Touch & iPad review

Audit React + Tailwind apps for finger-first interaction on iPad and touch screens. Skip generic advice (use semantic HTML, be responsive, etc.) — only flag non-obvious gaps.

Checklist: references/tailwind-touch-checklist.md

When to run

User prompt like: "review app for touch/iPad usage" or "review app for this use case" with touch/tablet context.

Review workflow

1. Scan interactive UI — buttons, links, icon buttons, tabs, map controls, dropdowns / menus / Listbox, inline selectable sidebar rows, drag handles, form controls, custom click targets (onClick on non-button elements).
2. Walk the checklist — classify lists as Bucket A (Headless UI / Radix) vs Bucket B (custom <button> rows); grep helps (hover:, data-focus:, focus &&, MenuItem, ListboxOption, onClick, cursor-, group-hover).
3. Test mentally for iPad — Split View width changes, sticky hover, touch-over highlight (press-drag-release in open menus and inline lists), double-tap zoom, keyboard covering inputs, thumb reach for primary actions.
4. Emit the report using the template below — every finding must have location, issue, and concrete Tailwind/React fix.

Do not list passing generic practices. Group duplicates (e.g. "12 icon buttons missing min size") into one finding with representative files.