From c32b979d6e3f63f02fc18698fe2ca2e0213877b4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=9D=B4=EC=84=9C=EC=A4=80?= <104981505+xeoxxn@users.noreply.github.com> Date: Thu, 8 Oct 2026 15:23:36 +0900 Subject: [PATCH] =?UTF-8?q?fix:=20=EC=B1=97=EB=B4=87=20=EC=9E=85=EB=A0=A5?= =?UTF-8?q?=EC=B0=BD=20=ED=83=AD=20=EC=8B=9C=20iOS=EC=97=90=EC=84=9C=20?= =?UTF-8?q?=ED=99=94=EB=A9=B4=EC=9D=B4=20=ED=99=95=EB=8C=80=EB=90=98?= =?UTF-8?q?=EB=8A=94=20=EB=AC=B8=EC=A0=9C=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit iOS Safari는 focus된 입력 요소의 computed font-size가 16px 미만이면 화면을 자동 확대한다. 챗봇 입력창은 Figma body2를 그대로 옮겨 15px이라 이 조건에 걸렸고, standalone PWA에서는 확대된 배율이 원래대로 돌아오지 않아 화면이 커진 채로 남았다. 확대 조건 자체를 없애려면 16px이 하한선이라 글자 크기만 올린다. line-height는 그대로라 입력창 높이(52px)는 변하지 않는다. Co-Authored-By: Claude Opus 5 (1M context) --- src/features/chat/components/ChatInput.tsx | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/features/chat/components/ChatInput.tsx b/src/features/chat/components/ChatInput.tsx index f962ea3..f82c214 100644 --- a/src/features/chat/components/ChatInput.tsx +++ b/src/features/chat/components/ChatInput.tsx @@ -12,8 +12,11 @@ interface ChatInputProps { // 비활성 회색(#e1e2e4) 전송 버튼)와 state=Active(nodeId 1770:61488, 입력 있음: 검정 텍스트 + // 파란(primary) 전송 버튼)를 입력값 유무로 토글한다. WDS `TextField`는 box-shadow + // backdrop-blur(32px)가 기본이라 Figma의 flat 배경(그림자 없음)과 달라 재사용하지 않는다. -// 텍스트 스타일(15px/0.0096em)은 WDS Typography의 body2 값을 그대로 따랐다 — Typography +// 텍스트 스타일(0.0096em)은 WDS Typography의 body2 값을 그대로 따랐다 — Typography // 컴포넌트 자체는 자기 태그를 렌더링해서 네이티브 input에는 못 씌운다. +// 글자 크기만 body2(15px)가 아니라 16px이다: iOS Safari는 focus된 입력 요소의 computed +// font-size가 16px 미만이면 화면을 자동 확대하는데, standalone PWA에서는 확대된 배율이 +// 원래대로 돌아오지 않아 화면이 커진 채로 남는다. 16px은 그 확대를 막는 하한선이다. // disabled(코드리뷰 지적 반영): 봇 응답을 기다리는 동안 또 보내면 앞선 응답 타이머가 취소돼 // 그 메시지에 대한 응답이 영영 안 온다 — 응답이 올 때까지 입력 자체를 막는다. const ChatInput = forwardRef( @@ -29,7 +32,7 @@ const ChatInput = forwardRef( }} > onChange(event.target.value)} placeholder="Stream AI에게 무엇이든 물어보세요"