Ag-grid with checkbox cell renderer is horizontally scrolling to left on checkbox click event

Grid before checkbox click
Grid after checkbox click event
I am using checkbox cell renderer in my ag-grid. These checkboxes appears after we horizontally scroll the grid. The problem that I am facing is when ever i click on any checkbox for selection/deselection, the grid scroll back to left again(to the first column of the grid).

 <ag-grid-angular
      style="height: 61vh; overflow: auto; padding-left: 10px; padding-right: 10px"
      [context]="context"
      [frameworkComponents]="frameworkComponents"
      [defaultColDef]="defaultColDef"
      [columnDefs]="columnDefs"
      [headerHeight]="42"
      [rowHeight]="40"
      [suppressScrollOnNewData]="true"
      [suppressRowTransform]="true"
      [suppressAnimationFrame]="true"
      [suppressCellSelection]="suppressKeyboardEvent"
      [rowBuffer]="300"
      (gridReady)="onGridReady($event)"
      [rowData]="rowData"></ag-grid-angular>