5.0

New table rotation flip

assets/js/hooks/useAppState.js

@@ -732,6 +732,8 @@ export function useAppState() {
   const bodyScrollRef = useRef(null);
   const bodyTableRef  = useRef(null);
   const tableWrapRef  = useRef(null);
+  // The rotated orientation's single scroll pane (scrolls in both axes).
+  const rotatedScrollRef = useRef(null);
 
   // ── 7. COLUMN POPUP + TABLE SCROLL ───────────────────────────────────
   const {
@@ -751,6 +753,7 @@ export function useAppState() {
     handleBodyScroll,
   } = useTableScroll({
     headTableRef, bodyTableRef, bodyScrollRef, headTrackRef, tableWrapRef,
+    rotatedScrollRef,
     forecast, visibleCols, selectedDay, skinType, vehicleType,
     indoorMode, indoorManaged, showDecimals, showUnits,
     // The rotated table is a single table with CSS-only sticky edges, so
@@ -907,7 +910,7 @@ export function useAppState() {
     forecastView, setForecastView,
     // table refs
     headStickyRef, headTrackRef, headTableRef,
-    bodyScrollRef, bodyTableRef, tableWrapRef,
+    bodyScrollRef, bodyTableRef, tableWrapRef, rotatedScrollRef,
     // column popup
     colPopup, colPopupRef,
     handleThClick, handleThEnter, handleThLeave,