From 360ec5ac3d4554945605324e1cbc992310be84a0 Mon Sep 17 00:00:00 2001 From: zenn Date: Mon, 6 Apr 2026 13:33:56 +0900 Subject: [PATCH] ui: prevent title space scroll --- docs/history.md | 3 +++ docs/update.md | 4 ++++ frontend/src/views/TierEditorView.vue | 1 + 3 files changed, 8 insertions(+) diff --git a/docs/history.md b/docs/history.md index ce65a40..fab4023 100644 --- a/docs/history.md +++ b/docs/history.md @@ -1,5 +1,8 @@ # 의사결정 이력 +## 2026-04-06 v1.4.96 +- 템플릿 제목을 버튼화하면 접근성은 좋아지지만, 포커스가 남은 상태의 `Space` 입력이 브라우저 스크롤과 섞이면 작업 화면을 갑자기 밀어낼 수 있다. 따라서 제목 버튼에서는 `Space` 기본 스크롤을 막고 의도한 본문 이동만 실행하는 편이 맞다고 정리했다. + ## 2026-04-06 v1.4.95 - 티어표 편집 중에는 공통 헤더보다 보드와 아이템 풀이 더 중요한 작업 기준점이므로, 템플릿 제목을 본문 위치로 빠르게 이동하는 가벼운 컨트롤로 활용하는 편이 좋다고 정리했다. 별도 버튼을 추가하기보다 기존 제목 클릭 동작으로 두어 화면 복잡도를 늘리지 않는 쪽을 택했다. diff --git a/docs/update.md b/docs/update.md index 024879c..1dbfe04 100644 --- a/docs/update.md +++ b/docs/update.md @@ -1,5 +1,9 @@ # 업데이트 로그 +## 2026-04-06 v1.4.96 +- 티어표 편집 화면의 템플릿 제목에 포커스가 남은 상태에서 `Space`를 누르면 브라우저 기본 스크롤이 섞일 수 있어, 제목 버튼의 `Space` 기본 동작을 막고 본문 이동만 실행되도록 보정했다. +- 확인: `npm run build` + ## 2026-04-06 v1.4.95 - 티어표 편집 화면의 템플릿 제목을 클릭하면 `workspaceBody`가 화면 최상단에 오도록 부드럽게 스크롤되게 했다. 작업 중 공통 헤더를 화면 밖으로 밀어내고 본문 중심으로 볼 수 있다. - 확인: `npm run build` diff --git a/frontend/src/views/TierEditorView.vue b/frontend/src/views/TierEditorView.vue index e82958a..0b16305 100644 --- a/frontend/src/views/TierEditorView.vue +++ b/frontend/src/views/TierEditorView.vue @@ -1592,6 +1592,7 @@ onUnmounted(() => { type="button" title="본문을 화면 위로 이동" @click="scrollWorkspaceBodyToTop" + @keydown.space.prevent="scrollWorkspaceBodyToTop" > {{ templateName || templateId }}