diff --git a/src/Components/Common/Checkbox.jsx b/src/Components/Common/Checkbox.jsx index 564e728..64ed866 100644 --- a/src/Components/Common/Checkbox.jsx +++ b/src/Components/Common/Checkbox.jsx @@ -21,6 +21,7 @@ const Checkbox = ({ diff --git a/src/Components/Filters/Search.jsx b/src/Components/Filters/Search.jsx index 9405ce0..261b213 100644 --- a/src/Components/Filters/Search.jsx +++ b/src/Components/Filters/Search.jsx @@ -20,6 +20,7 @@ const Search = ({ return ( { /> { const ref = useRef(null); const { elementDims } = useResizeObserver(ref); + useEffect(() => actions.setTableHeaderWidth(elementDims.width), [elementDims]); + useEffect(() => { + const outerRef = ref?.current?._outerRef; + if (outerRef.scrollTop + outerRef.offsetHeight + TABLE_ENTRY_HEIGHT >= outerRef.scrollHeight) { + ref.current._outerRef.scrollTop = outerRef.scrollHeight; + } + }, [data, ref]); + const handleReqSelect = (payload) => { actions.updateScrollToIndex(payload.index); actions.selectRequest(payload); @@ -53,20 +63,22 @@ const NetworkTableBody = ({ height }) => { }; return ( - - {virtualizedTableRow} - + <> + + {virtualizedTableRow} + + ); }; diff --git a/tests/__tests__/Components/Filters/__snapshots__/Search.spec.jsx.snap b/tests/__tests__/Components/Filters/__snapshots__/Search.spec.jsx.snap index 78a1996..783073f 100644 --- a/tests/__tests__/Components/Filters/__snapshots__/Search.spec.jsx.snap +++ b/tests/__tests__/Components/Filters/__snapshots__/Search.spec.jsx.snap @@ -67,6 +67,7 @@ exports[`Search renders without crashing 1`] = ` value="test" > @@ -593,6 +595,7 @@ exports[`MainContainer renders without crashing 1`] = ` @@ -132,6 +133,7 @@ exports[`NetworkTableContainer renders without crashing 1`] = `