Focus goes to 2nd row when adding a new row programically

[pruiz09]

I'm trying to add an empty row to an ui-grid by clicking on a button and splicing the data source of the grid.

Then, I want the first cell of this empty row to become focused and editable. I've been able to achieve this so far.

The thing is that after editing this first field on the first column, I press tab to move to the next column, but the focus goes onto the second column of the second row - not the second column of the row I just added with empty fields.

I'm brand new to the whole angular.js and ui-grid world, so please bear with me. What should I do to get the next focused cell to be in the empty row I just added?

I'm also new to the github community so I don't know if this is how I'm supposed to submit an inquiry and if this is how I share a plunker resource:

http://embed.plnkr.co/WCTm5XeXJSf93tN07mZJ/preview

Thank you.