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에게 무엇이든 물어보세요"