Merge pull request #7550 from Automattic/change/improve-lesson-tour-e…

…xperience Improve lesson tour experience
Automattic · Mar 20, 2024 · 6de461d · 6de461d
2 parents ea662f1 + 2acab6f
commit 6de461d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/assets/admin/tour/lesson-tour/steps.js b/assets/admin/tour/lesson-tour/steps.js
@@ -465,11 +465,14 @@ export default function getTourSteps() {
 					// Focus on answer feedback field and highlight answer feedback areas.
 					{
 						action: () => {
-							document
-								.querySelector(
-									'.sensei-lms-question__answer-feedback__content .block-editor-rich-text__editable'
-								)
-								.focus();
+							const correctAnswerField = document.querySelector(
+								'.sensei-lms-question__answer-feedback__content .block-editor-rich-text__editable'
+							);
+
+							correctAnswerField.focus();
+							correctAnswerField.scrollIntoView( {
+								block: 'center',
+							} );
 
 							highlightElementsWithBorders( [
 								'.sensei-lms-question__answer-feedback--correct',

diff --git a/assets/admin/tour/style.scss b/assets/admin/tour/style.scss
@@ -5,6 +5,10 @@
 
 .wpcom-tour-kit .tour-kit-frame__container {
 	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
+
+	&:hover {
+		z-index: 9999999999;
+	}
 }
 
 .wpcom-tour-kit-step-card {