Fix janking of dashboard view on scroll

Author: Ives van Hoorne

packages/app/src/app/pages/Dashboard/Content/SandboxCard/index.js

@@ -100,7 +100,11 @@ class SandboxItem extends React.PureComponent<Props> {
 
   componentDidMount() {
     if (this.props.selected) {
-      if (this.el && typeof this.el.focus === 'function') {
+      if (
+        this.el &&
+        typeof this.el.focus === 'function' &&
+        !this.props.isScrolling
+      ) {
         this.el.focus();
       }
     }

packages/app/src/app/pages/Dashboard/Content/SandboxGrid/index.js

@@ -193,7 +193,7 @@ class SandboxGrid extends React.Component<*, State> {
     }
   };
 
-  cellRenderer = ({ rowIndex, columnIndex, key, style }) => {
+  cellRenderer = ({ rowIndex, columnIndex, key, style, isScrolling }) => {
     let index = rowIndex * this.columnCount + columnIndex;
     const { sandboxes, signals } = this.props;
 
@@ -238,6 +238,7 @@ class SandboxGrid extends React.Component<*, State> {
 
     return (
       <SandboxItem
+        isScrolling={isScrolling}
         id={item.id}
         title={item.title || item.id}
         details={editedSince}