{"action":"created","issue":{"url":"https://api.github.com/repos/brianreavis/selectize.js/issues/730","labels_url":"https://api.github.com/repos/brianreavis/selectize.js/issues/730/labels{/name}","comments_url":"https://api.github.com/repos/brianreavis/selectize.js/issues/730/comments","events_url":"https://api.github.com/repos/brianreavis/selectize.js/issues/730/events","html_url":"https://github.com/brianreavis/selectize.js/issues/730","id":59777629,"number":730,"title":"Chosen-like Functionality","user":{"login":"Xethron","id":1497338,"avatar_url":"https://avatars.githubusercontent.com/u/1497338?v=3","gravatar_id":"","url":"https://api.github.com/users/Xethron","html_url":"https://github.com/Xethron","followers_url":"https://api.github.com/users/Xethron/followers","following_url":"https://api.github.com/users/Xethron/following{/other_user}","gists_url":"https://api.github.com/users/Xethron/gists{/gist_id}","starred_url":"https://api.github.com/users/Xethron/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Xethron/subscriptions","organizations_url":"https://api.github.com/users/Xethron/orgs","repos_url":"https://api.github.com/users/Xethron/repos","events_url":"https://api.github.com/users/Xethron/events{/privacy}","received_events_url":"https://api.github.com/users/Xethron/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-03-04T10:25:51Z","updated_at":"2015-04-30T16:40:30Z","closed_at":null,"body":"## The Problem\r\n\r\nThe main problem I have with Selectize is, if you tab through your form, the Selectize will actually open when it gets focused. If nothing is selected, tabbing again will close the Selectize and remove focus altogether. Tabbing a third time would take you to the next element in the form. This means that you have to tab twice for every empty Selectize in your form.\r\n\r\nThis behavior is however not consistent if an option is selected. Once the Selectize receives focus, it opens as before, a second tab however closes it again, and a third tab, unlike before, re-opens it.\r\nThe only way to move to the next item in the form is to hit enter when the Selectize is open.\r\n\r\nIf however, you typed some text to filter the list, and then hit tab, it cancels the current selection and goes to the next item (no extra tab required). This causes a lot of people to have to go back, re-select, press enter, and then press tab to go to the next input.\r\n\r\nThis is not only confusing but requires more keystrokes than required and mental processing of different key combinations for different scenarios in a sometimes very specific order.\r\n\r\nThe second problem I have is, when the fields do need changing, you first need to hit backspace to delete all the text before you can start typing. The default behavior for a select is you simply start typing to filter down to the item you need. As Selectize does this differently, most users get confused.\r\n\r\n## The Solution\r\nLets take a quick look at the way Chosen handles this: http://harvesthq.github.io/chosen/\r\n\r\nOnce the select gains focus, it simply glows<sup>1</sup>. Tabbing again, takes you to the next element in the form<sup>1</sup>. If you start typing or click on it, it opens the select waiting for user input<sup>1 2</sup>. Pressing Escape cancels the new select and reverts back to the old selection<sup>2</sup>, and pressing enter/tab makes the selection<sup>1</sup>.\r\n\r\nI would go one step further here and say pressing tab should make the selection and go to the next item in the form as well. This is actually the default behavior for a native select and would come natural to most users.\r\n\r\n<sup>1</sup> Similar behavior as a native HTML select.\r\n<sup>2</sup> Improved behavior as a native HTML select.\r\n\r\n## Use Case\r\nWe currently use Selectize for a large system where data-capturing forms a large part of it.\r\n\r\nThe efficiency of the data captures are key, and removing a single second from small tasks, on a team of 150 data captures working 8 hours a day, could save hours for work time each day, drastically improving efficiency.\r\n\r\nAs for websites with customers and first time users, this will also feel a lot more natural, and does what you would expect."},"comment":{"url":"https://api.github.com/repos/brianreavis/selectize.js/issues/comments/97873268","html_url":"https://github.com/brianreavis/selectize.js/issues/730#issuecomment-97873268","issue_url":"https://api.github.com/repos/brianreavis/selectize.js/issues/730","id":97873268,"user":{"login":"PhiLhoSoft","id":1087902,"avatar_url":"https://avatars.githubusercontent.com/u/1087902?v=3","gravatar_id":"","url":"https://api.github.com/users/PhiLhoSoft","html_url":"https://github.com/PhiLhoSoft","followers_url":"https://api.github.com/users/PhiLhoSoft/followers","following_url":"https://api.github.com/users/PhiLhoSoft/following{/other_user}","gists_url":"https://api.github.com/users/PhiLhoSoft/gists{/gist_id}","starred_url":"https://api.github.com/users/PhiLhoSoft/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/PhiLhoSoft/subscriptions","organizations_url":"https://api.github.com/users/PhiLhoSoft/orgs","repos_url":"https://api.github.com/users/PhiLhoSoft/repos","events_url":"https://api.github.com/users/PhiLhoSoft/events{/privacy}","received_events_url":"https://api.github.com/users/PhiLhoSoft/received_events","type":"User","site_admin":false},"created_at":"2015-04-30T16:40:30Z","updated_at":"2015-04-30T16:40:30Z","body":"I haven't tried, but perhaps setting the `openOnFocus` property to `false` might solve part of your problems.\r\nBut it comes with its own problems, which I plan to list (I do a search to see if they are already listed)."}}