Fixed chosen scroll bug.

Author: Fritz Lekschas

README.md

@@ -180,17 +180,18 @@ Unless otherwise stated content is licensed under [Creative Commons BY-SA 4.0][c
 
 Copyright © 2012-2014 Lekschas et al.
 
-### Reference
+### Publication
 
-Lekschas et al. (2014) Semantic Body Browser: Graphical exploration of an
-organism and spatially resolved expression data visualisation.
-*Bioinformatics*, doi: 10.1093/bioinformatics/btu707.
+Lekschas et al. (2014) **Semantic Body Browser: Graphical exploration of an
+organism and spatially resolved expression data visualisation.**
+*Bioinformatics*, [doi: 10.1093/bioinformatics/btu707][doi].
 
 [about]: http://sbb.cellfinder.org/about
 [ape]: https://httpd.apache.org/
 [bl]: https://github.com/eligrey/Blob.js
 [bo]: https://github.com/Pasvaz/bindonce
 [cc]: https://creativecommons.org/licenses/by-sa/4.0/
+[doi]: http://dx.doi.org/10.1093/bioinformatics/btu707
 [fbf]: https://github.com/johnpapa/angularjs-styleguide#application-structure-lift-principle
 [fs]: https://github.com/eligrey/FileSaver.js
 [gnu]: LICENSE

src/app/browser/directives/chosen.html

@@ -22,7 +22,7 @@
 <ul class="hits">
     <li
         ng-repeat="hit in hits | limitTo:limit "
-        ng-repeat-finish-render
+        ng-repeat-finished
         ng-click="select($event)"
         ng-mouseenter="hover($index)"
         ng-bind-html="hit.with_hit"

src/app/browser/directives/chosen.js

@@ -21,7 +21,7 @@ angular
               $selection = $el.find('ul.selection'),
               $hits = $el.find('ul.hits'),
               hitsHeight,
-              hitsOffsetTop,
+              hitsOffsetTop = $hits.offset().top,
               bodyFont = $('body').css('font-family'),
               hitsFontSize = $hits.css('font-size'),
               hitsFontSizePx = parseInt($hits.css('font-size').slice(0, -2), 10);
@@ -393,14 +393,19 @@ angular
 
           fn.checkScrollPos = function() {
             var el = $hits.find('li.selected'),
-              elHeight = el.outerHeight(),
-              elOffsetTop = el.offset().top;
+                elHeight = el.outerHeight(),
+                elOffsetTop = el.offset().top;
 
+            /*
+             * Scroll Up
+             */
             if (elOffsetTop - hitsOffsetTop < 0) {
               $hits.scrollTop($hits.scrollTop() + elOffsetTop - hitsOffsetTop);
             }
 
-            // Scroll down
+            /*
+             * Scroll Down
+             */
             if (elOffsetTop - hitsOffsetTop + elHeight > hitsHeight) {
               $hits.scrollTop($hits.scrollTop() + elOffsetTop - hitsOffsetTop + elHeight - hitsHeight);
             }