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`] = `