Merge pull request #512 from rangle/scrollbar-fix

fixes #511
rangle · Aug 5, 2016 · a72bf0c · a72bf0c
2 parents 2ef7ff8 + db79690
commit a72bf0c
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/frontend/components/component-tree/component-tree.ts b/src/frontend/components/component-tree/component-tree.ts
@@ -27,8 +27,12 @@ export class ComponentTree {
   scrollToViewIfNeeded(node) {
     const selectedNodeBound = node.getBoundingClientRect();
     const treeViewBound = this.el.nativeElement.getBoundingClientRect();
+    const scrollBarHeight = this.el.nativeElement.offsetHeight -
+      this.el.nativeElement.clientHeight;
     const topOffset = selectedNodeBound.top - treeViewBound.top;
-    const bottomOffset = selectedNodeBound.bottom - treeViewBound.bottom;
+    const bottomOffset = selectedNodeBound.bottom - treeViewBound.bottom +
+      scrollBarHeight;
+
     if (topOffset < 0) {              // node is too high
       this.el.nativeElement.scrollTop += topOffset;
     } else if (bottomOffset > 0) {    // node is too low