From af369fa6c7b7e1e9d0fcbbbb293965cd138bbd90 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Tue, 21 Nov 2017 21:40:22 +0100
Subject: [PATCH] when scrolling position element in the center of the scroll
 container

---
 .../directives/components/application/umbtour.directive.js     | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/application/umbtour.directive.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/application/umbtour.directive.js
index e4082ca392..f97a1d1886 100644
--- a/src/Umbraco.Web.UI.Client/src/common/directives/components/application/umbtour.directive.js
+++ b/src/Umbraco.Web.UI.Client/src/common/directives/components/application/umbtour.directive.js
@@ -135,11 +135,12 @@
                     }
 
                     var scrollParent = element.scrollParent();
+                    var scrollToCenterOfContainer = element[0].offsetTop - (scrollParent[0].clientHeight / 2 ) + (element[0].clientHeight / 2);
 
                     // Detect if scroll is needed
                     if (element[0].offsetTop > scrollParent[0].clientHeight) {
                         scrollParent.animate({
-                            scrollTop: element[0].offsetTop
+                            scrollTop: scrollToCenterOfContainer
                         }, function () {
                             // Animation complete.
                             setPopoverPosition(element);