diff --git a/packages/bruno-app/src/components/RunnerResults/index.jsx b/packages/bruno-app/src/components/RunnerResults/index.jsx index 58e2f3ea86..a156b3e73f 100644 --- a/packages/bruno-app/src/components/RunnerResults/index.jsx +++ b/packages/bruno-app/src/components/RunnerResults/index.jsx @@ -1,4 +1,4 @@ -import React, { useState, useEffect } from 'react'; +import React, { useState, useRef, useEffect } from 'react'; import path from 'path'; import { useDispatch } from 'react-redux'; import { get, cloneDeep } from 'lodash'; @@ -22,6 +22,7 @@ const getRelativePath = (fullPath, pathname) => { export default function RunnerResults({ collection }) { const dispatch = useDispatch(); + const listWrapperRef = useRef(); const [selectedItem, setSelectedItem] = useState(null); useEffect(() => { @@ -66,6 +67,11 @@ export default function RunnerResults({ collection }) { }) .filter(Boolean); + useEffect(() => { + if (listWrapperRef.current) { + listWrapperRef.current.scrollIntoView({ behavior: 'smooth', block: 'end', inline: 'nearest' }); + } + }, [items]); const runCollection = () => { dispatch(runCollectionFolder(collection.uid, null, true)); }; @@ -118,7 +124,7 @@ export default function RunnerResults({ collection }) { } return ( - +
Runner