fix(ControlledAccordion): Invite HE auto-scroll accordion under header

packages/component-faraday-ui/src/pending/ControlledAccordion.js

@@ -17,11 +17,17 @@ const HeaderComponent = ({ icon, label, toggle, expanded, ...props }) => (
 )
 
 class ControlledAccordion extends React.Component {
+  componentDidMount() {
+    this.scroller = document.querySelector('.faraday-root')
+  }
   componentDidUpdate(prevProps) {
     const shouldScroll = !prevProps.expanded && this.props.expanded
 
     if (this.props.scrollIntoView && shouldScroll) {
-      this._accordion.scrollIntoView && this._accordion.scrollIntoView()
+      const appBarHeight = 70 // TODO -- take height from constants
+      const appBarMargin = 16 // TODO -- take margin from constants
+      this.scroller.scrollTop =
+        this._accordion.offsetTop - appBarHeight - appBarMargin
     }
   }