From f742997c36afef6118dbc2d8f697491f8de2b340 Mon Sep 17 00:00:00 2001
From: Steve Orvell <steve@orvellia.com>
Date: Fri, 25 Apr 2014 19:25:59 -0700
Subject: [PATCH] tree now scrolls elements into view.

---
 elements/x-tree/x-tree.html | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/elements/x-tree/x-tree.html b/elements/x-tree/x-tree.html
index 9638fa84..aad2b6a5 100644
--- a/elements/x-tree/x-tree.html
+++ b/elements/x-tree/x-tree.html
@@ -69,7 +69,7 @@
 
     update: function() {
       var selected = this.selected;
-      var tabsize = 32;
+      var tabsize = 12;
       var components = this.components = [];
 
       function subtree(root, indent) {
@@ -101,6 +101,14 @@
       }
 
       subtree(this.canvas, 4);
+
+      // scroll selected into view.
+      this.onMutation(this.$.tree, function() {
+        var e = this.$.tree.querySelector('.selected');
+        if (e) {
+          e.scrollIntoViewIfNeeded();
+        }
+      });
     },
 
     selectAction: function(event, detail, sender) {