Skip to content

fix(mobile): THI-342 — textarea 16px on mobile (iOS auto-zoom) + UserMenu tap-target floor #375

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
thierryvm merged 1 commit into from
Jun 6, 2026
Merged

fix(mobile): THI-342 — textarea 16px on mobile (iOS auto-zoom) + UserMenu tap-target floor #375

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/app/components/auth/UserMenu.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -136,7 +136,7 @@ export function UserMenu({ syncStatus, variant = 'card', extraActions, secondary
// Se déconnecter. Langage couleur : liens = neutre→emerald au survol,
// Se déconnecter = rouge (cohérent avec l'existant).
const itemClass =
'flex items-center w-full justify-start gap-2.5 px-4 py-3 text-sm text-[var(--github-text-primary)] font-mono hover:bg-emerald-500/10 hover:text-emerald-300 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500/60 focus-visible:ring-inset';
'flex items-center w-full justify-start min-h-11 gap-2.5 px-4 py-3 text-sm text-[var(--github-text-primary)] font-mono hover:bg-emerald-500/10 hover:text-emerald-300 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500/60 focus-visible:ring-inset';

const menuItems = (
<div className="py-1" role="none">
Expand Down
5 changes: 4 additions & 1 deletion src/app/components/support/SupportTicketModal.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -210,6 +210,9 @@ export function SupportTicketModal({ userId, onClose }: SupportTicketModalProps)
>
Description
</label>
{/* text-base (16px) on mobile prevents iOS Safari focus auto-zoom (any
input < 16px triggers it), the cause of the THI-342 viewport overflow
after focus. md:text-sm restores 14px on desktop (MessageInput pattern). */}
<textarea
id={descId}
value={description}
Expand All @@ -219,7 +222,7 @@ export function SupportTicketModal({ userId, onClose }: SupportTicketModalProps)
required
aria-describedby={descHintId}
placeholder="Que s'est-il passé ? Ce que tu faisais, ce qui n'a pas marché, et ce que tu attendais. Plus c'est précis, plus on peut aider vite."
className="w-full rounded-lg border border-[var(--github-border-primary)] bg-[var(--github-bg-secondary)] px-3 py-2 text-sm text-[var(--github-text-primary)] placeholder:text-[var(--github-text-secondary)] outline-none focus-visible:ring-2 focus-visible:ring-emerald-500/60"
className="w-full rounded-lg border border-[var(--github-border-primary)] bg-[var(--github-bg-secondary)] px-3 py-2 text-base md:text-sm text-[var(--github-text-primary)] placeholder:text-[var(--github-text-secondary)] outline-none focus-visible:ring-2 focus-visible:ring-emerald-500/60"
/>
<p id={descHintId} className="mt-1 text-xs text-[var(--github-text-secondary)]">
{trimmedLength < DESCRIPTION_MIN
Expand Down
Loading