diff --git a/B05_wf2_Route/B05_wf2_Route_UI_Profile_MassHaul.ts b/B05_wf2_Route/B05_wf2_Route_UI_Profile_MassHaul.ts index 195e61b5..b39e65df 100644 --- a/B05_wf2_Route/B05_wf2_Route_UI_Profile_MassHaul.ts +++ b/B05_wf2_Route/B05_wf2_Route_UI_Profile_MassHaul.ts @@ -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; diff --git a/B05_wf2_Route/B05_wf2_Route_UI_Profile_Panel.ts b/B05_wf2_Route/B05_wf2_Route_UI_Profile_Panel.ts index 1fb386c0..e84cc6a2 100644 --- a/B05_wf2_Route/B05_wf2_Route_UI_Profile_Panel.ts +++ b/B05_wf2_Route/B05_wf2_Route_UI_Profile_Panel.ts @@ -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({