From 83fdbe912d02a086ecc80012ce544ad3b359130a Mon Sep 17 00:00:00 2001
From: umsangdon <umsangdon@gmail.com>
Date: Sat, 12 Sep 2026 18:57:40 +0900
Subject: [PATCH] =?UTF-8?q?fix(b06):=20=EA=B3=84=ED=9A=8D=EC=84=A0=20?=
 =?UTF-8?q?=E2=96=BC=20=EB=B2=84=ED=8A=BC=EC=9D=B4=20=EC=95=8C=EC=95=BD=20?=
 =?UTF-8?q?=EB=A0=88=EC=9D=B8=20=EC=9C=84=EB=A1=9C=20=EB=B0=80=EB=A0=A4?=
 =?UTF-8?q?=EB=82=98=EB=8D=98=20=EA=B2=83=EC=9D=84=20=EA=B7=B8=EB=9E=98?=
 =?UTF-8?q?=ED=94=84=20=EC=95=88=EC=9C=BC=EB=A1=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

편집 버튼층은 `inset: 0` 으로 부모를 꽉 채우는데, B05 는 부모가 그래프뿐이지만 B06 은
구조물 알약 레인도 같은 칸 안에 있어 ▼ 가 레인 위로 내려앉았음(실측: 그래프 바닥 231px
인데 버튼이 270~287px). 버튼층 높이를 그래프 높이로 잘라 B05 와 같은 자리에 세움
(실측 후 ▲ 72~89px · ▼ 212~229px, 그래프 70~231px 안).

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Fe1QWPTfw11PaKh2LjwXdR
---
 .../B06_Section_UI_Section_View_Draw.ts       | 22 +++++++++++--------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/B06_Section/B06_Section_UI_Section_View_Draw.ts b/B06_Section/B06_Section_UI_Section_View_Draw.ts
index d14408d8..8a9402fb 100644
--- a/B06_Section/B06_Section_UI_Section_View_Draw.ts
+++ b/B06_Section/B06_Section_UI_Section_View_Draw.ts
@@ -147,15 +147,19 @@ export function drawLongitudinalPanel(
   // B05·B06 은 한 페이지인데 B06 에만 버튼이 없었다). 누른 값은 B05 와 같은 세션 초안에
   // 쌓이고 [저장]·[확정]에서 종단 정본으로 나간다.
   if (input.grade) {
-    chartWrap.append(
-      createEditOverlay({
-        alignment: input.grade.alignment,
-        width: chartWidth,
-        x: chart.toX,
-        step: input.grade.stepM,
-        onStation: input.grade.onStation,
-      }),
-    );
+    const editLayer = createEditOverlay({
+      alignment: input.grade.alignment,
+      width: chartWidth,
+      x: chart.toX,
+      step: input.grade.stepM,
+      onStation: input.grade.onStation,
+    });
+    // 버튼층은 `inset: 0` 으로 부모를 꽉 채운다 — B05 는 부모가 그래프뿐이지만 B06 은
+    // **알약 레인도 같은 칸 안**에 있어, 그대로 두면 ▼ 가 레인 위로 밀려난다(실측:
+    // 그래프 바닥 231px 인데 버튼이 270px). 그래프 높이로 잘라 B05 와 같은 자리에 세운다.
+    editLayer.style.height = `${input.chartHeight}px`;
+    editLayer.style.bottom = "auto";
+    chartWrap.append(editLayer);
   }
   // 종단 그래프 우클릭 — B05 와 같은 메뉴다(가까운 구조물이 있으면 삭제, 없으면 구조물군
   // → 종류 2단 추가). 그래프를 다시 그릴 때마다 붙인다(상태를 안 남긴다).