Select closest elements about react-spatial-navigation

[asgvard]

Hi,

You group keys by 3 into a Row, so when you go up from number 6, first it focuses second Row. Then the Row propagates focus down to the first child which is number one.
The case with going up from 8 to 6 is because it remembers last focused child in that Row and focuses 6.
Please read the docs and the article, especially about “forgetLastFocusedChild” and how is focus propagated down from parents to children.
In your case you don’t need to make Row focusable. This creates nested level in your focusable tree that causes these issues.
Also always try to use debug and visualDebug mode first, it tells you exactly where the focus goes and why, including coordinates calculations.