Scroll highlighted element into view

andreas-schultz · andreas-schultz · commit c07c1953baf8 · 2025-08-06T10:24:27.000+02:00
diff --git a/src/components/VisualTour/VisualTour.tsx b/src/components/VisualTour/VisualTour.tsx
@@ -59,6 +59,7 @@ export const VisualTour = ({
         const elementToHighlight = !!step.highlightElementQuery && document.querySelector(step.highlightElementQuery);
         if (elementToHighlight) {
             elementToHighlight.classList.add(highlightElementClass);
+            elementToHighlight.scrollIntoView();
         }
         const titleSuffix = ` ${currentStepIndex + 1} / ${steps.length}`;
         const actionButtons = [

Original file line number	Diff line number	Diff line change
`@@ -59,6 +59,7 @@ export const VisualTour = ({`
`59`	`59`	`const elementToHighlight = !!step.highlightElementQuery && document.querySelector(step.highlightElementQuery);`
`60`	`60`	`if (elementToHighlight) {`
`61`	`61`	`elementToHighlight.classList.add(highlightElementClass);`
	`62`	`+ elementToHighlight.scrollIntoView();`
`62`	`63`	`}`
`63`	`64`	const titleSuffix = ` ${currentStepIndex + 1} / ${steps.length}`;
`64`	`65`	`const actionButtons = [`