diff --git a/web-app/src/containers/Tutorial/LevelPage/Level.tsx b/web-app/src/containers/Tutorial/LevelPage/Level.tsx index 3650b89d..df032780 100644 --- a/web-app/src/containers/Tutorial/LevelPage/Level.tsx +++ b/web-app/src/containers/Tutorial/LevelPage/Level.tsx @@ -82,8 +82,15 @@ const Level = ({ level, onContinue, onLoadSolution, processes, testStatus }: Pro throw new Error('No Stage steps found') } + const pageBottomRef = React.useRef(null) + + const scrollToBottom = () => { + // @ts-ignore + pageBottomRef.current.scrollIntoView({ behavior: 'smooth' }) + } // @ts-ignore const currentStep = level.steps.findIndex(s => s.status === 'ACTIVE') + React.useEffect(scrollToBottom, [currentStep]) return (