In this post, I am going to cover a popular scenario that some people specifically ask if they want to add details quickly or navigate across a form or a table i.e using arrow keys on pages. I have built something similar and want to share my approach here.
It supports two dimensional forms like tables or simple forms(vertically).
The important thing here is to set proper value for attribute arrow-keys-index. It has a format row:column which determines form dimension and let directive navigate properly.
Below is the example of a table with multiple rows with every column as input box.
Hope this helps! Happy Coding :)