fix(B05): sticky Y축 앵커를 첫 자식으로 — 스크롤 시 축이 안 보이던 문제 수정

0크기 sticky 앵커를 SVG 뒤에 붙이면 흐름 위치가 차트 아래로 밀려 가로 스크롤 시
축 오버레이가 화면 밖에 놓였다(스크롤 0에서는 SVG 자체 눈금이 보여 드러나지 않던
버그). B06과 같은 규칙(첫 자식 prepend)으로 통일 — 종단 표고축·유토곡선 ㎥축 모두
스크롤 800px 상태에서 좌측 고정·불투명 확인.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-08-04 20:06:20 +09:00
co-authored by Claude Opus 5
parent f41b223079
commit 679c847072
2 changed files with 5 additions and 2 deletions
@@ -349,7 +349,8 @@ export function createRouteMassHaulPanel(onChanged: () => void): RouteMassHaulPa
wrap.style.width = `${params.widthPx}px`;
wrap.style.height = `${chartHeight}px`;
wrap.append(chart);
if (massAxis) wrap.append(buildStickyYAxis(massAxis, chartHeight));
// 앵커는 첫 자식 — SVG 뒤면 흐름 위치가 밀려 스크롤 시 축이 안 보인다(B06과 같은 규칙).
if (massAxis) wrap.prepend(buildStickyYAxis(massAxis, chartHeight));
scroll.replaceChildren(wrap);
// 종단 스크롤러가 이미 옆으로 가 있으면 새로 그린 곡선도 같은 자리에서 시작한다.
if (syncedMain) scroll.scrollLeft = syncedMain.scrollLeft;
@@ -580,7 +580,9 @@ export function createRouteProfilePanel(
onAddPipe: (chainage) => callbacks?.onPipeAdd?.(chainage),
});
// 가로 스크롤에도 고정되는 sticky Y축 오버레이(SVG와 같은 눈금·불투명 배경으로 값 누출 차단).
if (yAxis) chartWrap.append(buildStickyYAxis(yAxis, chartHeight));
// 앵커(0크기 sticky)는 **첫 자식**이어야 한다 — SVG 뒤에 붙이면 흐름 위치가 차트
// 아래로 밀려 스크롤 시 축이 화면에 안 보인다(2026-08-04 확인, B06과 같은 규칙).
if (yAxis) chartWrap.prepend(buildStickyYAxis(yAxis, chartHeight));
if (alignment) {
chartWrap.append(
createEditOverlay({