fix: mention input zoom behaviour

This commit is contained in:
gosangam
2026-06-10 16:56:20 +05:30
parent 922d76e21f
commit a46e29d998
+3 -1
View File
@@ -125,7 +125,9 @@ export function MentionAutocomplete({
}}
placeholder={placeholder}
autoComplete="off"
className="w-full rounded-lg border border-border bg-background py-2 pl-9 pr-3 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-ring"
// text-base (16px) on mobile prevents iOS Safari from auto-zooming
// on focus (it zooms any input < 16px); compact 14px on desktop.
className="w-full rounded-lg border border-border bg-background py-2 pl-9 pr-3 text-base sm:text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-ring"
/>
</div>