Recalculate Sidebar top position on item toggle

skipjack · skipjack · commit 6bc5e87a59cf · 2017-01-28T15:22:08.000-05:00
diff --git a/components/sidebar-item/sidebar-item.jsx b/components/sidebar-item/sidebar-item.jsx
@@ -36,8 +36,14 @@ export default class SidebarItem extends React.Component {
   }
 
   toggle(e) {
+    let { onToggle } = this.props;
+
     this.setState({
       open: !this.state.open
+    }, () => {
+      if (typeof onToggle === 'function') {
+        onToggle();
+      }
     });
   }
 }
diff --git a/components/sidebar/sidebar.jsx b/components/sidebar/sidebar.jsx
@@ -68,7 +68,7 @@ export default class Sidebar extends Component {
                 title={ title }
                 anchors={ anchors }
                 currentPage= { currentPage }
-              />
+                onToggle={ this._recalculate.bind(this) } />
             )
           }
         </div>

Original file line number	Diff line number	Diff line change
`@@ -36,8 +36,14 @@ export default class SidebarItem extends React.Component {`
`36`	`36`	`}`
`37`	`37`
`38`	`38`	`toggle(e) {`
	`39`	`+ let { onToggle } = this.props;`
	`40`	`+`
`39`	`41`	`this.setState({`
`40`	`42`	`open: !this.state.open`
	`43`	`+ }, () => {`
	`44`	`+ if (typeof onToggle === 'function') {`
	`45`	`+ onToggle();`
	`46`	`+ }`
`41`	`47`	`});`
`42`	`48`	`}`
`43`	`49`	`}`
Original file line number	Diff line number	Diff line change
`@@ -68,7 +68,7 @@ export default class Sidebar extends Component {`
`68`	`68`	`title={ title }`
`69`	`69`	`anchors={ anchors }`
`70`	`70`	`currentPage= { currentPage }`
`71`		`- />`
	`71`	`+ onToggle={ this._recalculate.bind(this) } />`
`72`	`72`	`)`
`73`	`73`	`}`
`74`	`74`	`</div>`