title: Angular UI Grid set focus to cell on navigate
body: <p>I have a grid which is editable. Two of the columns are ItemCode and Quantity. When a user enters a Quantity and presses the down key, I would like the next row to set the focus on the ItemCode cell for the next row. I added this event listener and it goes to the cell, but it quickly flashes into edit mode, then out into selected mode. How can I make sure the cell stays in edit mode?</p>
  
  <pre><code>gridApi.cellNav.on.navigate($scope, function (newRowcol, oldRowCol) {
      $scope.$broadcast('uiGridEventEndCellEdit');
  
      if (oldRowCol != null &amp;&amp; 
          oldRowCol.col.colDef.name == 'quantity' &amp;&amp; 
          oldRowCol.row != newRowcol.row) {
          newRowcol.row.grid.api.cellNav
              .scrollToFocus(newRowcol.row.entity, 
                              newRowcol.row.grid.options.columnDefs[1]);
          }
      });
  </code></pre>
  
  <p>UPDATE: Here is my columnDefs:</p>
  
  <pre><code> $scope.gridOptions.columnDefs = [
   {
      name: 'itemCode',
      displayName: 'Part #',
      editableCellTemplate: $scope.itemCodeEditableTemplate,
      width: 150,
      cellTooltip: function (row, col) {
          return row.entity.itemCode
      }
  },
  {
      name: 'quantity', displayName: 'Qty', type: 'number', width: 60, 
      cellTooltip: function (row, col) {
        return row.entity.quantity
      }
  }
  ]
  </code></pre>