Skip to content

fix: 보이는 입력 박스로 키보드 소환 안정화 + PC 직접 타이핑 - #4

Merged
99mini merged 1 commit into
mainfrom
claude/prd-review-work-bw0plr
Aug 17, 2026
Merged

99mini merged 1 commit into
mainfrom
claude/prd-review-work-bw0plr

Conversation

@99mini

@99mini 99mini commented Aug 16, 2026

Copy link
Copy Markdown
Owner

문제

실기기에서 탭해도 키보드가 안 뜨고 꾹 눌러야만 등장 → 타이핑 불가. 보이지 않는 input에 pointerdown으로 focus를 주는 방식을 모바일 브라우저가 신뢰하지 않는 것이 원인.

수정 (파일 2개)

  • 보이는 입력 박스 — 하단 safe-area 중앙에 반투명 pill 형태 input 추가 (PRD §5의 하단 바 자리). 박스를 직접 탭하면 네이티브 UX 그대로 키보드가 확실히 뜬다. 캔버스를 탭해도(click — 신뢰된 제스처) 입력 박스로 focus.
  • 한글 조합 표시 — 조합 중 텍스트가 입력 박스 안에서 IME 밑줄과 함께 그대로 보이므로 상단 고스트 요소는 제거. 완성되면 떨어지고 박스는 비워진다.
  • PC 직접 타이핑 — hover + fine pointer 환경은 로드 시 자동 focus + keydown 시 refocus. 클릭 없이 바로 타이핑 가능.
  • 폰트 크기 18px — 16px 미만이면 iOS가 focus 시 화면을 확대하는 문제 예방.

확인 방법

  • 폰: 하단 입력 박스 탭 → 키보드 즉시 등장 → 한글/영문 타이핑 → 글자 낙하. 캔버스 탭으로도 키보드 소환 확인.
  • PC: 페이지 열자마자 아무 키나 입력 → 바로 낙하.

Generated by Claude Code

- 오프스크린 input 은 모바일에서 키보드가 안정적으로 뜨지 않아
  하단 safe-area 에 보이는 입력 박스로 교체 (조합 중 텍스트도 여기서 보임)
- 캔버스 탭(click) 시에도 입력 박스로 focus
- PC(hover+fine pointer)는 로드 시 자동 focus + keydown 시 refocus 로
  별도 탭 없이 바로 타이핑
- 상단 고스트 요소 제거 (입력 박스가 조합 표시를 대신함)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013jzX6PJvGgLYvdvXBBRS4m
@99mini 99mini self-assigned this Aug 17, 2026
@99mini
99mini merged commit e1f18bf into main Aug 17, 2026
4 checks passed
@99mini
99mini deleted the claude/prd-review-work-bw0plr branch August 17, 2026 00:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants