Automatically scroll plugins into view

directives/plugin.html

@@ -4,7 +4,7 @@
     Hide {{ plugin.name }}
   </button>
 
-  <div ng-bind-html="displayedContent"></div>
+  <div ng-bind-html="displayedContent" bo-class="plugin.$$hashKey"></div>
 </div>
 
 <div ng-hide="plugin.visible">

js/glowingbear.js

@@ -810,6 +810,15 @@ weechat.directive('plugin', function() {
                  */
                 $scope.displayedContent = $scope.plugin.content;
                 $scope.plugin.visible = true;
+
+                // Scroll embed content into view
+                var elems = $("." + $scope.plugin.$$hashKey);
+                if (elems.length == 1) {
+                    var scroll = function() {
+                        elems[0].scrollIntoViewIfNeeded();
+                    };
+                    setTimeout(scroll, 100);
+                }
             };
 
         }