How can i put focus on the fourth element in the second vertical list programmatically.

I am using this package for focus related to my project. For RTL can I use this same package, as I need to scroll the horizontal list from right to left? Is it possible to use the same package for RTL and provide me the steps?

Language: Reactjs

Hi! We are very interested in this library and have some questions about you plans on this lib:

1. Will you support this repo in future?
2. When will be next update/release?

Amazing work @dead,

Do you mind to add a referente to Youtube-React-TV example on React-TV Docs?
If you want to, I can do it. Thanks by the amazing example :)

https://github.com/dead/react-key-navigation/tree/master/examples/youtube-react-tv

Hello! I have a problem with navigation, after route from one component to another.
After my app has loaded, I do an authorization check, then I route to another component.

componentWillMount() { this.props.Auth().then(() => { if (this.props.needSignUp) { this.props.history.push({pathname: '/signup/'}) } }) }

In the signup component, I have an Focusable elements

<div> <Focusable>Button-1</Focusable> <Focusable>Button-2</Focusable> </div>

When I trying to navigate this element, I get an error:

index.js:952 Uncaught TypeError: Cannot read property 'getNextFocusFrom' of undefined at Navigation.focusNext (index.js:952) at Navigation._this.onKeyDown (index.js:917)

What could be the reason?

Any idea how to solve this issue
react-dom.development.js:506 Warning: React does not recognize the focusableIdprop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercasefocusableid instead. If you accidentally passed it from a parent component, remove it from the DOM element. in span (created by VerticalList) in VerticalList (created by Navigation) in Navigation (created by App) in App (created by ConnectFunction) in ConnectFunction in Provider

Hi @dead,
After upgrading your library, this error appears:

this.root.getDefaultFocus is not a function

Can you help me (again)? 😄

Hi.. I am using this library for one of my project and really enjoying using this.

I am facing difficulty in retaining the last focused list-item. For example, say in youtube app example, if focus is on the 3rd element of HorizontalList-1 and we move down to HorizontalList-3 and come back to List 1. The focus moves to the first element.

How to retain that focus to the 3rd element?

after i run tizen project in tizen studio and press "ok" button on emulator's control this happens!
help help !

Hi @dead ,
I'm facing the following issue: let's assume I have something like

<Navigator>
   <HorizontalList>
         <Menu>
              <VerticalList>
                      {...}
             </VerticalList>
        </Menu>
        <HorizontalList focusedId='h-list' retainFocus={true}>
               {...}
        </HorizontalList>
        <Modal>
            <HorizontalList focusedId='modal'>
            </HorizontalList>
       </Modal>
   </HorizontalList>
</Navigator>

Let's assume that Modal component can be rendered with a boolean property: if this prop is true, the component is rendered, null otherwise.

In h-list items, I have:

onEnterDown = (e, nav) => {
    openModal(true);
    nav.forceFocus('modal');
}

In Modal component, when I try to focus the h-list back it's seems that the Modal component itself is still present both in treePath and focusableComponents. So when I try to navigate in h-list component, the last focused item is ok, but when I press left or right focus disappear (logging your code, the modal is still focused, and the next item is a modal focusable item). Any chance to investigate on this problem?

Thank you again!

Hi @dead,
first of all thank you for your awesome work! I've seen that your focus system creates a sort of tree of rendered focusable component, distinguished by a progressive index. My question is: if I have 3 components (a Vertical List, an Horizontal List and a Vertical List again in that order), if horizontal list is focused can I give focus to the second Vertical List when the enter key is pressed?

Thank you!

Seria possível consumir serviços do Kodi através de sua API JSON_RPC?
https://kodi.wiki/view/JSON-RPC_API
Imagino um cenário com o Kodi rodando em um PC ou outro dispositivo na mesma rede e uma aplicação cliente rodando na SmartTV LG.

Hello, I'm working with your library.
I found some problems on dynamic focusable element insertion.
If focusable elements is inserted dynamically, focus order doesn't work correctly.
Did you have any chance to meet this problem before??