Toggle 'expanded' class on site selector when expanded in order to overcome z-index issue when multiple site slectors are displayed on top of each other.

1 files changed, 4 insertions, 0 deletions

diff --git a/plugins/CoreHome/angularjs/siteselector/siteselector-directive.js b/plugins/CoreHome/angularjs/siteselector/siteselector-directive.js
index 7936cbfc96..2f76b86d55 100644
--- a/plugins/CoreHome/angularjs/siteselector/siteselector-directive.js
+++ b/plugins/CoreHome/angularjs/siteselector/siteselector-directive.js
@@ -80,6 +80,10 @@ angular.module('piwikApp').directive('piwikSiteselector', function($document, pi
                     }
                 });
 
+                scope.$watch('view.showSitesList', function (newValue) {
+                    element.toggleClass('expanded', !! newValue);
+                });
+
                 /** use observe to monitor attribute changes
                 attrs.$observe('maxsitenamewidth', function(val) {
                     // for instance trigger a function or whatever