scroll to selection

TODO.todo

@@ -44,8 +44,8 @@ BASIC:
 			[x] automatic expand when selecting
 			[x] expand / collapse all with alt key
 		[x] vertical scroll
-		[ ] horizontal scroll
-		[ ] scroll to selection
+		[x] horizontal scroll
+		[x] scroll to selection
 
 	General Features:
 		[x] editor layout

example/game.js

@@ -107,11 +107,21 @@ function create() {
 	child.anchor.set(0.5, 0.5);
 	child.pivot.set(SIZE, SIZE);
 
+	for (let i = 0; i < 10; i++) {
+		const c = el(0, 0, SIZE, SIZE, child, 'child-a.5-p1');
+		child = c;
+	}
+
 
 	// 1   0
 	child = el(DIST * 0, DIST * 2, SIZE, SIZE, parent, 'child-a1-p0');
 	child.anchor.set(1, 1);
 
+	for (let i = 0; i < 10; i++) {
+		const c = el(0, 0, SIZE, SIZE, child, 'child-a.5-p1');
+		child = c;
+	}
+
 	// 1   .5
 	child = el(DIST * 1, DIST * 2, SIZE, SIZE, parent, 'child-a1-p.5');
 	child.anchor.set(1, 1);

src/editor-view/object-tree/tree-node/tree-node.ts

@@ -54,7 +54,11 @@ export class TreeNode extends HTMLElement {
 
 	private onClick() { if (this.onNodeSelect) this.onNodeSelect(this); }
 
-	public select() { this.classList.add(SELECTED_CLASS); }
+	public select() {
+		this.classList.add(SELECTED_CLASS);
+		this.collapseIcon.scrollIntoView();
+	}
+
 	public clearSelection() { this.classList.remove(SELECTED_CLASS); }
 
 	public onCollapseIconClick(e: MouseEvent) {