diff --git a/assets/js/app.js b/assets/js/app.js index 582f515..e270bd6 100644 --- a/assets/js/app.js +++ b/assets/js/app.js @@ -284,6 +284,7 @@ export function UTCIForecast() { } = useTableScroll({ headTableRef, bodyTableRef, bodyScrollRef, headTrackRef, forecast, visibleCols, selectedDay, skinType, vehicleType, + indoorMode, indoorManaged, }); // Geocoding search diff --git a/assets/js/hooks/useTableScroll.js b/assets/js/hooks/useTableScroll.js index b99cf59..95fd58d 100644 --- a/assets/js/hooks/useTableScroll.js +++ b/assets/js/hooks/useTableScroll.js @@ -13,7 +13,8 @@ // // Inputs (passed by app.js): // refs: { headTableRef, bodyTableRef, bodyScrollRef, headTrackRef } -// deps: { forecast, visibleCols, selectedDay, skinType, vehicleType } +// deps: { forecast, visibleCols, selectedDay, skinType, vehicleType, +// indoorMode, indoorManaged } // — anything that should cause a re-sync when it changes. // // Outputs: @@ -33,6 +34,8 @@ export function useTableScroll({ selectedDay, skinType, vehicleType, + indoorMode, + indoorManaged, }) { // ─── SCROLL INDICATORS ───────────────────────────────────────────── const [tableCanScrollLeft, setTableCanScrollLeft] = useState(false); @@ -212,7 +215,7 @@ export function useTableScroll({ if (ro) ro.disconnect(); window.removeEventListener('resize', sync); }; - }, [forecast, visibleCols, selectedDay, skinType, vehicleType]); + }, [forecast, visibleCols, selectedDay, skinType, vehicleType, indoorMode, indoorManaged]); return { tableCanScrollLeft,