{"action":"created","issue":{"url":"https://api.github.com/repos/reactstrap/reactstrap/issues/1020","repository_url":"https://api.github.com/repos/reactstrap/reactstrap","labels_url":"https://api.github.com/repos/reactstrap/reactstrap/issues/1020/labels{/name}","comments_url":"https://api.github.com/repos/reactstrap/reactstrap/issues/1020/comments","events_url":"https://api.github.com/repos/reactstrap/reactstrap/issues/1020/events","html_url":"https://github.com/reactstrap/reactstrap/issues/1020","id":323292930,"number":1020,"title":"Nav Dropdown Input Autofocus","user":{"login":"mackbrowne","id":1291776,"avatar_url":"https://avatars1.githubusercontent.com/u/1291776?v=4","gravatar_id":"","url":"https://api.github.com/users/mackbrowne","html_url":"https://github.com/mackbrowne","followers_url":"https://api.github.com/users/mackbrowne/followers","following_url":"https://api.github.com/users/mackbrowne/following{/other_user}","gists_url":"https://api.github.com/users/mackbrowne/gists{/gist_id}","starred_url":"https://api.github.com/users/mackbrowne/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mackbrowne/subscriptions","organizations_url":"https://api.github.com/users/mackbrowne/orgs","repos_url":"https://api.github.com/users/mackbrowne/repos","events_url":"https://api.github.com/users/mackbrowne/events{/privacy}","received_events_url":"https://api.github.com/users/mackbrowne/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-05-15T16:28:36Z","updated_at":"2018-05-15T17:02:53Z","closed_at":"2018-05-15T17:02:53Z","author_association":"NONE","body":"\r\n\r\n\r\n### What is happening?\r\n\r\nI'm trying to put an input box that will auto-focus inside of a dropdown nav item.  I've created an example below.\r\n\r\n[This Example](https://stackblitz.com/edit/reactstrap-nav-dropdown-input?file=Example.js)\r\n\r\n### What should be happening?\r\n\r\nI'm trying to make the input box auto-focus when the dropdown is opened.  Either when clicked, or when the 'down' button is pressed on the keyboard when tabbing through nav items.\r\n\r\n<!-- describe what you expect it to do. -->\r\n\r\n### Steps to reproduce issue\r\n\r\n1. Click the \"input\" nav item or press down when using tab to navigate\r\n2. see that the cursor is not focused.  I want it to focus.\r\n"},"comment":{"url":"https://api.github.com/repos/reactstrap/reactstrap/issues/comments/389240672","html_url":"https://github.com/reactstrap/reactstrap/issues/1020#issuecomment-389240672","issue_url":"https://api.github.com/repos/reactstrap/reactstrap/issues/1020","id":389240672,"user":{"login":"TheSharpieOne","id":664714,"avatar_url":"https://avatars3.githubusercontent.com/u/664714?v=4","gravatar_id":"","url":"https://api.github.com/users/TheSharpieOne","html_url":"https://github.com/TheSharpieOne","followers_url":"https://api.github.com/users/TheSharpieOne/followers","following_url":"https://api.github.com/users/TheSharpieOne/following{/other_user}","gists_url":"https://api.github.com/users/TheSharpieOne/gists{/gist_id}","starred_url":"https://api.github.com/users/TheSharpieOne/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/TheSharpieOne/subscriptions","organizations_url":"https://api.github.com/users/TheSharpieOne/orgs","repos_url":"https://api.github.com/users/TheSharpieOne/repos","events_url":"https://api.github.com/users/TheSharpieOne/events{/privacy}","received_events_url":"https://api.github.com/users/TheSharpieOne/received_events","type":"User","site_admin":false},"created_at":"2018-05-15T17:02:53Z","updated_at":"2018-05-15T17:02:53Z","author_association":"MEMBER","body":"Just add `autoFocus` to the `Input`: https://stackblitz.com/edit/reactstrap-nav-dropdown-input-frao7p?file=Example.js\r\n\r\n`autoFocus` is standard HTML and is not specific to reactstrap so it is not documented in reactstrap's documentation (similar to `onChange` or `onFocus` props)."}}
{"actor":{"display_login":"TheSharpieOne"}}