natus-143 Fix placement tutorial bubble when overflow on X axis

aranega · aranega · commit 0e73a508f36b · 2023-04-24T12:50:45.000-06:00
diff --git a/webapp/components/general/TutorialBubble.js b/webapp/components/general/TutorialBubble.js
@@ -47,7 +47,8 @@ const TutorialBubble = ({
 
     // Check if element2 is outside the viewport horizontally
     if (x + width2 > windowWidth) {
-      x = rect1.left - width2;
+      // x = rect1.left - width2;
+      x = rect1.left - ((x + width2) - windowWidth + rectMargin);
     }
 
     if (x < 0) {

Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,8 @@ const TutorialBubble = ({`
`47`	`47`
`48`	`48`	`// Check if element2 is outside the viewport horizontally`
`49`	`49`	`if (x + width2 > windowWidth) {`
`50`		`- x = rect1.left - width2;`
	`50`	`+ // x = rect1.left - width2;`
	`51`	`+ x = rect1.left - ((x + width2) - windowWidth + rectMargin);`
`51`	`52`	`}`
`52`	`53`
`53`	`54`	`if (x < 0) {`