Fixed scrolling via jump list on series index

frontend/src/Series/Index/Overview/SeriesIndexOverview.js

@@ -270,6 +270,7 @@ SeriesIndexOverview.propTypes = {
 };
 
 SeriesIndexOverview.defaultProps = {
+  overview: '',
   statistics: {
     seasonCount: 0,
     episodeCount: 0,

frontend/src/Series/Index/Overview/SeriesIndexOverviews.js

@@ -71,7 +71,6 @@ class SeriesIndexOverviews extends Component {
       items,
       sortKey,
       overviewOptions,
-      jumpToCharacter,
       isSmallScreen
     } = this.props;
 
@@ -96,18 +95,6 @@ class SeriesIndexOverviews extends Component {
       // recomputeGridSize also forces Grid to discard its cache of rendered cells
       this._grid.recomputeGridSize();
     }
-
-    if (jumpToCharacter != null && jumpToCharacter !== prevProps.jumpToCharacter) {
-      const index = getIndexOfFirstCharacter(items, jumpToCharacter);
-
-      if (this._grid && index != null) {
-
-        this._grid.scrollToCell({
-          rowIndex: index,
-          columnIndex: 0
-        });
-      }
-    }
   }
 
   //
@@ -201,6 +188,7 @@ class SeriesIndexOverviews extends Component {
     const {
       scroller,
       items,
+      jumpToCharacter,
       isSmallScreen
     } = this.props;
 
@@ -222,6 +210,24 @@ class SeriesIndexOverviews extends Component {
               return <div />;
             }
 
+            let finalScrollTop = scrollTop;
+
+            if (jumpToCharacter != null) {
+              const index = getIndexOfFirstCharacter(items, jumpToCharacter);
+
+              if (index != null) {
+                if (index > 0) {
+                  // Adjust 5px upwards so there is a gap between the bottom
+                  // of the toolbar and top of the poster.
+
+                  finalScrollTop = rowHeight * index - 5;
+                } else {
+                  finalScrollTop = 0;
+                }
+
+              }
+            }
+
             return (
               <div ref={registerChild}>
                 <Grid
@@ -235,7 +241,7 @@ class SeriesIndexOverviews extends Component {
                   rowHeight={rowHeight}
                   width={width}
                   onScroll={onChildScroll}
-                  scrollTop={scrollTop}
+                  scrollTop={finalScrollTop}
                   overscanRowCount={2}
                   cellRenderer={this.cellRenderer}
                   scrollToAlignment={'start'}