{"action":"created","issue":{"url":"https://api.github.com/repos/jquense/react-widgets/issues/113","labels_url":"https://api.github.com/repos/jquense/react-widgets/issues/113/labels{/name}","comments_url":"https://api.github.com/repos/jquense/react-widgets/issues/113/comments","events_url":"https://api.github.com/repos/jquense/react-widgets/issues/113/events","html_url":"https://github.com/jquense/react-widgets/issues/113","id":73453149,"number":113,"title":"Combobox with many values has buggy selection behaviour on ipad","user":{"login":"nickknw","id":62827,"avatar_url":"https://avatars.githubusercontent.com/u/62827?v=3","gravatar_id":"","url":"https://api.github.com/users/nickknw","html_url":"https://github.com/nickknw","followers_url":"https://api.github.com/users/nickknw/followers","following_url":"https://api.github.com/users/nickknw/following{/other_user}","gists_url":"https://api.github.com/users/nickknw/gists{/gist_id}","starred_url":"https://api.github.com/users/nickknw/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nickknw/subscriptions","organizations_url":"https://api.github.com/users/nickknw/orgs","repos_url":"https://api.github.com/users/nickknw/repos","events_url":"https://api.github.com/users/nickknw/events{/privacy}","received_events_url":"https://api.github.com/users/nickknw/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/jquense/react-widgets/labels/bug","name":"bug","color":"fc2929"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":12,"created_at":"2015-05-05T22:36:07Z","updated_at":"2015-05-22T03:34:00Z","closed_at":"2015-05-15T21:03:15Z","body":"The <input> element is normally (on desktop browsers) given focus when the combobox's dropdown list is *expanded*. On the iPad it doesn't receive focus until one of the items from the dropdown list is *selected*, which pops up the on screen keyboard and shifts the browser page so that the wrong item ends up getting selected when you remove your finger. \r\n\r\nThis can be worked around by focusing the input box first and then expanding the list.\r\n\r\nEDIT: It actually focuses the input box when you tap *anywhere* after expanding the list, does not have to be a list item. So another workaround would be to expand the list, tap elsewhere, then select the desired item.\r\n\r\nOne fix would be to focus the input box as soon as the dropdown is expanded, to match desktop behaviour. If a user is interested in only the dropdown part of the combobox this means it will be a bit more difficult to use (with the keyboard taking up half the screen when it is not necessarily needed). This is the approach I think makes most sense though.\r\n\r\nThe other fix would be to avoid focusing the input box when a list item is selected. This is a change to typical combobox behaviour though and likely to cause more focus related problems. Comboboxes are used where you need to be able to type something, don't want to make it harder to do that.\r\n\r\nTested with iPad IOS 8.1"},"comment":{"url":"https://api.github.com/repos/jquense/react-widgets/issues/comments/104492561","html_url":"https://github.com/jquense/react-widgets/issues/113#issuecomment-104492561","issue_url":"https://api.github.com/repos/jquense/react-widgets/issues/113","id":104492561,"user":{"login":"jquense","id":339286,"avatar_url":"https://avatars.githubusercontent.com/u/339286?v=3","gravatar_id":"","url":"https://api.github.com/users/jquense","html_url":"https://github.com/jquense","followers_url":"https://api.github.com/users/jquense/followers","following_url":"https://api.github.com/users/jquense/following{/other_user}","gists_url":"https://api.github.com/users/jquense/gists{/gist_id}","starred_url":"https://api.github.com/users/jquense/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jquense/subscriptions","organizations_url":"https://api.github.com/users/jquense/orgs","repos_url":"https://api.github.com/users/jquense/repos","events_url":"https://api.github.com/users/jquense/events{/privacy}","received_events_url":"https://api.github.com/users/jquense/received_events","type":"User","site_admin":false},"created_at":"2015-05-22T03:34:00Z","updated_at":"2015-05-22T03:34:00Z","body":"Sorry folks, I'll get a release out soon,  next week some time"}}