authorgravatar for bergholm@hey.comMarcus Grånäs <bergholm@hey.com> 2026-04-30 03:03:40+02:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-04-29 18:03:40-07:00
log9acf46a76d60e31098034267b36fd4f6e3a15ea6
tree630ee1030fe2ba1c6c4d9a6ca367b17716f4c7f5
parent44b39fe2ec47a58ae4efd97fabe99c24c376792d
signature Signed by PGP key B5690EEEBB952194

fix(web): prevent iOS Safari auto-zoom on input focus (#1652)

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com> Co-authored-by: codex <codex@users.noreply.github.com> Co-authored-by: Julius Marminge <julius0216@outlook.com>

2 files changed, 5 insertions(+), 8 deletions(-)

apps/web/src/components/ComposerPromptEditor.tsx+4-7
......@@ -152,10 +152,7 @@ function ComposerMentionDecorator(props: { path: string }) {
152152 return (
153153 <Tooltip>
154154 <TooltipTrigger render={chip} />
155 <TooltipPopup
156 side="top"
157 className="max-w-[30rem] whitespace-normal leading-tight wrap-anywhere"
158 >
155 <TooltipPopup side="top" className="max-w-120 whitespace-normal leading-tight wrap-anywhere">
159156 {props.path}
160157 </TooltipPopup>
161158 </Tooltip>
......@@ -275,7 +272,7 @@ function ComposerSkillDecorator(props: { skillLabel: string; skillDescription: s
275272 return (
276273 <Tooltip>
277274 <TooltipTrigger render={chip} />
278 <TooltipPopup side="top" className="max-w-[30rem] whitespace-normal leading-tight">
275 <TooltipPopup side="top" className="max-w-120 whitespace-normal leading-tight">
279276 {props.skillDescription}
280277 </TooltipPopup>
281278 </Tooltip>
......@@ -1624,7 +1621,7 @@ function ComposerPromptEditorInner({
16241621 contentEditable={
16251622 <ContentEditable
16261623 className={cn(
1627 "block max-h-[200px] min-h-17.5 w-full overflow-y-auto whitespace-pre-wrap break-words bg-transparent text-[14px] leading-relaxed text-foreground focus:outline-none",
1624 "block max-h-[200px] min-h-17.5 w-full overflow-y-auto whitespace-pre-wrap wrap-break-word bg-transparent text-base sm:text-[14px] leading-relaxed text-foreground focus:outline-none",
16281625 className,
16291626 )}
16301627 data-testid="composer-editor"
......@@ -1635,7 +1632,7 @@ function ComposerPromptEditorInner({
16351632 }
16361633 placeholder={
16371634 terminalContexts.length > 0 ? null : (
1638 <div className="pointer-events-none absolute inset-0 text-[14px] leading-relaxed text-muted-foreground/35">
1635 <div className="pointer-events-none absolute inset-0 text-base sm:text-[14px] leading-relaxed text-muted-foreground/35">
16391636 {placeholder}
16401637 </div>
16411638 )
apps/web/src/components/Sidebar.tsx+1-1
......@@ -568,7 +568,7 @@ const SidebarThreadRow = memo(function SidebarThreadRow(props: SidebarThreadRowP
568568 {renamingThreadKey === threadKey ? (
569569 <input
570570 ref={handleRenameInputRef}
571 className="min-w-0 flex-1 truncate text-xs bg-transparent outline-none border border-ring rounded px-0.5"
571 className="min-w-0 flex-1 truncate text-base sm:text-xs bg-transparent outline-none border border-ring rounded px-0.5"
572572 value={renamingTitle}
573573 onChange={handleRenameInputChange}
574574 onKeyDown={handleRenameInputKeyDown}