WIP autoscroll in StagingView lists

lib/views/list-view.js

@@ -27,6 +27,18 @@ export default class ListView {
     return etch.update(this)
   }
 
+  writeAfterUpdate () {
+    console.group('refs')
+    Object.keys(this.refs).forEach(refname => {
+      console.log(refname, ' => ', this.refs[refname].element.textContent)
+    })
+    console.groupEnd('refs')
+    if (this.refs.selected) {
+      console.log('scrolling into view', this.refs.selected.element.textContent);
+      this.refs.selected.element.scrollIntoViewIfNeeded()
+    }
+  }
+
   render () {
     let {ref, didSelectItem, didConfirmItem, items, selectedItems, renderItem, ...others} = this.props // eslint-disable-line no-unused-vars
     return (

lib/views/staging-view.js

@@ -232,8 +232,10 @@ export default class StagingView {
   }
 
   renderFilePatchListItem (filePatch, selected, handleItemClickEvent) {
+    const props = selected ? {ref: 'selected'} : {}
     return (
       <FilePatchListItemView
+        {...props}
         filePatch={filePatch}
         selected={selected}
         onclick={handleItemClickEvent}
@@ -244,8 +246,10 @@ export default class StagingView {
   }
 
   renderMergeConflictListItem (mergeConflict, selected, handleItemClickEvent) {
+    const props = selected ? {ref: 'selected'} : {}
     return (
       <MergeConflictListItemView
+        {...props}
         mergeConflict={mergeConflict}
         selected={selected}
         onclick={handleItemClickEvent}