실시간 차트 아래로 내려오는 문제 수정

frontend/src/components/TradingChart.tsx

@@ -408,22 +408,23 @@ const TradingChart: React.FC<TradingChartProps> = ({
 
     // LWC는 chart-container에 마운트 — 우측 툴바(44px) 제외 너비로 맞춰 가격 라벨이 가리지 않음
     const plotW = Math.max(0, container.clientWidth);
-    const plotH = Math.max(0, container.clientHeight > 0 ? container.clientHeight : wrapperH);
 
     if (candleOnly || paneLayoutClamp) {
       // 전체보기·미니차트: 래퍼 높이에 고정 resize (autoSize 피드백 루프·무한 스크롤 방지)
       container.style.height = `${wrapperH}px`;
-      const clampH = wrapperH > 0 ? wrapperH : plotH;
       try {
-        if (plotW > 0 && clampH > 0) mgr.resize(plotW, clampH);
+        if (plotW > 0 && wrapperH > 0) mgr.resize(plotW, wrapperH);
       } catch { /* ok */ }
       if (candleOnly) wrapper.scrollTop = 0;
     } else if (required > wrapperH + 4) {
+      // 보조지표 있음: 컨테이너를 required 크기로 확장해 스크롤 영역 확보
       container.style.height = `${required}px`;
     } else {
-      container.style.height = '';
+      // 기본 상태: 항상 명시적 픽셀 높이를 부여 (height:'' → CSS height:100% → auto 해석 문제 방지)
+      // autoSize:true LWC가 container.contentRect.height를 읽어 정확히 wrapperH 에 맞게 렌더링
+      container.style.height = `${wrapperH}px`;
       try {
-        if (plotW > 0 && plotH > 0) mgr.resize(plotW, plotH);
+        if (plotW > 0 && wrapperH > 0) mgr.resize(plotW, wrapperH);
       } catch { /* ok */ }
     }
   // eslint-disable-next-line react-hooks/exhaustive-deps