{"action":"created","issue":{"url":"https://api.github.com/repos/Bluefieldscom/intl-tel-input/issues/195","labels_url":"https://api.github.com/repos/Bluefieldscom/intl-tel-input/issues/195/labels{/name}","comments_url":"https://api.github.com/repos/Bluefieldscom/intl-tel-input/issues/195/comments","events_url":"https://api.github.com/repos/Bluefieldscom/intl-tel-input/issues/195/events","html_url":"https://github.com/Bluefieldscom/intl-tel-input/issues/195","id":65736336,"number":195,"title":"Country code select tab navigation","user":{"login":"brunops","id":1735844,"avatar_url":"https://avatars.githubusercontent.com/u/1735844?v=3","gravatar_id":"","url":"https://api.github.com/users/brunops","html_url":"https://github.com/brunops","followers_url":"https://api.github.com/users/brunops/followers","following_url":"https://api.github.com/users/brunops/following{/other_user}","gists_url":"https://api.github.com/users/brunops/gists{/gist_id}","starred_url":"https://api.github.com/users/brunops/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/brunops/subscriptions","organizations_url":"https://api.github.com/users/brunops/orgs","repos_url":"https://api.github.com/users/brunops/repos","events_url":"https://api.github.com/users/brunops/events{/privacy}","received_events_url":"https://api.github.com/users/brunops/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/Bluefieldscom/intl-tel-input/labels/enhancement","name":"enhancement","color":"84b6eb"},{"url":"https://api.github.com/repos/Bluefieldscom/intl-tel-input/labels/question","name":"question","color":"cc317c"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":6,"created_at":"2015-04-01T17:24:27Z","updated_at":"2015-04-02T19:07:44Z","closed_at":null,"body":"First of all, thanks for this amazing plugin. \r\nSorry if this is a duplicate, but couldn't find this topic in the README or the closed issues. I'm currently having one problem when tab navigating the form, which is the flags dropdown not getting focus (probably because it is a `ul` element, and not a form field), is there any way around it?\r\n\r\nThanks"},"comment":{"url":"https://api.github.com/repos/Bluefieldscom/intl-tel-input/issues/comments/89012931","html_url":"https://github.com/Bluefieldscom/intl-tel-input/issues/195#issuecomment-89012931","issue_url":"https://api.github.com/repos/Bluefieldscom/intl-tel-input/issues/195","id":89012931,"user":{"login":"kirkas","id":1159783,"avatar_url":"https://avatars.githubusercontent.com/u/1159783?v=3","gravatar_id":"","url":"https://api.github.com/users/kirkas","html_url":"https://github.com/kirkas","followers_url":"https://api.github.com/users/kirkas/followers","following_url":"https://api.github.com/users/kirkas/following{/other_user}","gists_url":"https://api.github.com/users/kirkas/gists{/gist_id}","starred_url":"https://api.github.com/users/kirkas/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kirkas/subscriptions","organizations_url":"https://api.github.com/users/kirkas/orgs","repos_url":"https://api.github.com/users/kirkas/repos","events_url":"https://api.github.com/users/kirkas/events{/privacy}","received_events_url":"https://api.github.com/users/kirkas/received_events","type":"User","site_admin":false},"created_at":"2015-04-02T19:07:44Z","updated_at":"2015-04-02T19:07:44Z","body":"Going as close to select make sense, although the logic should not be to imitate select, but rather to think what's the best user experience for this particular action (selecting a country), which in this case, is imitate select behavior (lolz).\r\n\r\nA quick study of different plugin and play around with a native select item show that the common pattern are:\r\n\r\n- Element is focusable.\r\n- Dropdown open on `up` and `down`.\r\n- When dropdown is open, `up` and `down` goes trough the options.\r\n- `space` key open the dropdown.\r\n- When dropdown is open, `space` key close the dropdown and select currently focused item.\r\n- When dropdown is open, `enter` key close the dropdown and select currently focused item.\r\n- `enter` key has otherwise no effect, as it might submit the form by mistake (that should probably be prevented by the plugin, since you're not actually using a `select` element).\r\n- When dropdown is open, `tab` key has no effect.\r\n\r\nSome of those behavior might be to frigid for your plugin, eg: When the dropdown is open and you hit tab, you might want to close and go to the next input?\r\n\r\nOverall I think it should first get as close from a select element, then it'll need a lot of testing to see what's the more convenient and comfortable user experience.\r\n\r\nFew ref:\r\nhttp://github.hubspot.com/select/docs/welcome/\r\nhttp://harvesthq.github.io/chosen/\r\nhttps://select2.github.io/examples.html\r\nhttp://jqueryui.com/selectmenu/\r\nhttp://brianreavis.github.io/selectize.js/"}}