Fixed: Series table not resizing properly when window size changed

pull/5441/head
Mark McDowall 2 years ago
parent bf62d4f921
commit d923d3f106

@ -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;

Loading…
Cancel
Save