grid scroll resets after dragging

HTML

<script src="https://cdn.flexmonster.com/flexmonster.js"></script>
<div id="pivot-container"></div>

JavaScript

const pivot = new Flexmonster({
  container: "pivot-container",
  componentFolder: "https://cdn.flexmonster.com/",
  width: "100%",
  height: "300px",
  options: {
    grid: {
      dragging: true,
    }
  },
  report: {
    dataSource: {
      data: getData(),
    },
    slice: {
      rows: [{ uniqueName: "ID"}],
      columns: getColumns(),
      measures: [{ uniqueName: "Value", aggregation: "sum" }],
    }
  }
});

function getColumns() {
  const columns = [];
  for (let i = 1; i <= 30; i++) {
    columns.push({ uniqueName: "Col" + i });
  }
  return columns;
}

function getData() {
  const data = [];
  for (let row = 1; row <= 50; row++) {
    const rowData = { ID: "Row " + row, Value: Math.floor(Math.random() * 100) };
    for (let col = 1; col <= 30; col++) {
      rowData["Col" + col] = Math.floor(Math.random() * 100);
    }
    data.push(rowData);
  }
  return data;
}