Safari re-renders all rows every scroll after click

In safari, once you have simply clicked inside the List, even for super simple rows with no click handler - the List goes bananas and starts to re-render all rows on every scroll.

import React from "react";
import { List } from "react-virtualized";

export default function Playground() {
  return (
    <div style={{ height: 1000 }}>
      <List
        width={1000}
        height={1000}
        rowCount={10000}
        rowHeight={30}
        rowRenderer={({ index, key, style }) => (
          <div key={key} style={{ ...style, height: 30 }}>
            Row {index}
          </div>
        )}
      />
    </div>
  );
}

https://codesandbox.io/s/l5m9q4v7z

Tested with Safari 11.0.3

[vjeranc]

I’m seeing a similar issue in Firefox and Chrome.

Scrolling just 1 px rerenders all the cells. Even if outline is added.

[TrySound]

@piotrblasiak Would you like to send a PR?