Fixed: Series table not resizing properly when window size changed

This commit is contained in:
Mark McDowall 2023-02-20 09:59:49 -08:00
parent bf62d4f921
commit d923d3f106
1 changed files with 6 additions and 4 deletions

View File

@ -95,6 +95,8 @@ function SeriesIndexTable(props: SeriesIndexTableProps) {
const listRef: React.MutableRefObject<List> = useRef();
const [measureRef, bounds] = useMeasure();
const [size, setSize] = useState({ width: 0, height: 0 });
const windowWidth = window.innerWidth;
const windowHeight = window.innerHeight;
const rowHeight = useMemo(() => {
return showBanners ? 70 : 38;
@ -105,8 +107,8 @@ function SeriesIndexTable(props: SeriesIndexTableProps) {
if (isSmallScreen) {
setSize({
width: window.innerWidth,
height: window.innerHeight,
width: windowWidth,
height: windowHeight,
});
return;
@ -119,10 +121,10 @@ function SeriesIndexTable(props: SeriesIndexTableProps) {
setSize({
width: width - padding * 2,
height: window.innerHeight,
height: windowHeight,
});
}
}, [isSmallScreen, scrollerRef, bounds]);
}, [isSmallScreen, windowWidth, windowHeight, scrollerRef, bounds]);
useEffect(() => {
const currentScrollListener = isSmallScreen ? window : scrollerRef.current;