I am using ag-grid 11 with Angular 4.4.7 and typescript 2.3. When I have focus on an input box in a grid cell and using tab key to move focus to next grid cell as expected in a table in html, cursor moves to address bar instead of moving to next input box.
If someone has come across the same problem and have solution, please let me know.
Thanks.
This seems like it could be an issue with the tabIndex. If you are using the tabToNextCell config for your grid, please add some implementation code and I will update this answer. Do the cells have this set and in the order you would like? If you are unsure, you can inspect/edit the html in the browser, check or add the tabIndex, and test by tabbing.
If you've already solved this problem, awesome! (and please let us know)!
You can use the following logic to make sure that grid focuses into the inner element. Because this way, it won't be able to focus to the cell itself.
suppressKeyboardEvent: ( params ) => {
const key = params.event.key;
return ( key === "Enter" || key === "Tab" );
