From bafb082abf6465ca0312ff84c8663e05a2af1fe7 Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Wed, 9 Nov 2016 16:26:31 -0500
Subject: [PATCH] (js) Improve sg-ripple-click directive

---
 UI/WebServerResources/js/Common/sgRippleClick.directive.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/UI/WebServerResources/js/Common/sgRippleClick.directive.js b/UI/WebServerResources/js/Common/sgRippleClick.directive.js
index afb101378..f01d4a995 100644
--- a/UI/WebServerResources/js/Common/sgRippleClick.directive.js
+++ b/UI/WebServerResources/js/Common/sgRippleClick.directive.js
@@ -91,7 +91,7 @@
 
           if (content.classList.contains('ng-hide')) {
             // Show ripple
-            angular.element(container).css({ 'overflow': 'hidden' });
+            angular.element(container).css({ 'overflow': 'hidden', 'position': 'relative' });
             angular.element(content).css({ top: container.scrollTop + 'px' });
             $timeout(function() {
               // Wait until next digest for CSS animation to work
@@ -117,7 +117,7 @@
             content.classList.add('ng-hide');
             // Restore overflow of container once the animation is completed
             $timeout(function() {
-              angular.element(container).css({ 'overflow': '' });
+              angular.element(container).css({ 'overflow': '', 'position': '' });
             }, 800);
           }
         }