dead / react-js-spatial-navigation

A wrapper of js-spatial-navigation to react components
MIT License
30 stars 31 forks source link

Spatial-navigation can't find element to focus on below layer (?) #14

Open mariuszambnt opened 4 years ago

mariuszambnt commented 4 years ago

Hello, I develop an web application which I use as website as well as Tizen app. In my app there's nav sidebar on the left and list of tiles as main content. All of menu items and tiles are focusable. Basically, it looks like this:

image

When any element on sidebar is focused, sidebar transforms into full mode and displays as overlay. In that case when I press right arrow on keyboard (1) and main content is full of elements, focus correctly goes to the first tile (2) and sidebar collapses again:

image

However, if there's a smaller amount of tiles, pressing right arrow while being focused on any element in menu (1) doesn't change focus to tiles (2). Generally, nothing happens. It looks like spatial navigator were unable to find element to focus:

image

Is there some option in configuration that allows to set up scanning for focusable items in the below layer? I tried to find one like this and I went through the code to fix the issue myself, however without any success.