Auto scroll bar in oj-table

Summary

In oj-table when user clicks on enter the cursor pointer is moving to the next line but the scroll bar is not automatically moving to show us cursor.

Version

20.10.2

Code Snippet

<!--
 Copyright (c) 2014, 2020, Oracle and/or its affiliates.
 The Universal Permissive License (UPL), Version 1.0
 --><div class="oj-flex">
  <oj-table  class="oj-flex-item oj-sm-12 oj-md-12" data="[[ $variables.getCustDetailsADP ]]" columns='[  {    "headerText": "Customer Name",    "field": "CustomerName","template":"cust" },{    "headerText": "Cust Acct Site Id",    "field": "CustAcctSiteId" ,"template":"priority" }]'
  selection-mode.row="single" edit-row="{{ $variables.rowtoEdit }}"  display="grid" style="max-height : 300px;" edit-mode="rowEdit" scroll-policy-options.fetch-size="1" scroll-policy-options.max-count="1" scroll-position.x="0" scroll-policy="loadAll" scroll-position.y="1" scroll-position.offset-x="0" scroll-position.offset-y="0" scroll-position.row-index="0">
  <template slot="priority"> 
  <oj-bind-if test='[[$current.mode=="edit"]]'>1
  <oj-input-number value="[[$current.data]]" style="text-align: right;" ></oj-input-number>
  </oj-bind-if>  
   <oj-bind-if test='[[$current.mode=="navigation"]]'>
  <oj-bind-text value="[[$current.data]]"></oj-bind-text>