{"action":"created","issue":{"url":"https://api.github.com/repos/ericgio/react-bootstrap-typeahead/issues/277","repository_url":"https://api.github.com/repos/ericgio/react-bootstrap-typeahead","labels_url":"https://api.github.com/repos/ericgio/react-bootstrap-typeahead/issues/277/labels{/name}","comments_url":"https://api.github.com/repos/ericgio/react-bootstrap-typeahead/issues/277/comments","events_url":"https://api.github.com/repos/ericgio/react-bootstrap-typeahead/issues/277/events","html_url":"https://github.com/ericgio/react-bootstrap-typeahead/issues/277","id":282785928,"number":277,"title":"allowNew item is not visible when lots of options are matched","user":{"login":"bayoung","id":4381149,"avatar_url":"https://avatars3.githubusercontent.com/u/4381149?v=4","gravatar_id":"","url":"https://api.github.com/users/bayoung","html_url":"https://github.com/bayoung","followers_url":"https://api.github.com/users/bayoung/followers","following_url":"https://api.github.com/users/bayoung/following{/other_user}","gists_url":"https://api.github.com/users/bayoung/gists{/gist_id}","starred_url":"https://api.github.com/users/bayoung/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bayoung/subscriptions","organizations_url":"https://api.github.com/users/bayoung/orgs","repos_url":"https://api.github.com/users/bayoung/repos","events_url":"https://api.github.com/users/bayoung/events{/privacy}","received_events_url":"https://api.github.com/users/bayoung/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-12-18T07:26:01Z","updated_at":"2017-12-18T19:03:25Z","closed_at":"2017-12-18T19:03:25Z","author_association":"NONE","body":"First of all, I've had great success with this component, thanks for the hard work!\r\n\r\nHowever, I am using a Typeahead with data that can sometimes result in a large number of matching options for the value that is typed in. For example, the value might be a prefix for 20 existing options, but the user intent is to add it as a new value. Unfortunately only 12 options are shown, and the item with the newSelectionPrefix value is at the bottom of this list so it is invisible. This makes it challenging to discover and get the desired behaviour.\r\n\r\nIt is made worse by the fact that the list with the matching options does not show a scrollbar or any other graphical treatment that indicates there are more items that aren't currently visible.\r\n\r\nFor my purposes I think it would work better if the item that allowNew puts in the list is always visible, perhaps by putting it at or towards the top. e.g. a new attribute \"allowNewIsAtTop\", or a new attribute value for \"allowNew\" of \"top\"?"},"comment":{"url":"https://api.github.com/repos/ericgio/react-bootstrap-typeahead/issues/comments/352525983","html_url":"https://github.com/ericgio/react-bootstrap-typeahead/issues/277#issuecomment-352525983","issue_url":"https://api.github.com/repos/ericgio/react-bootstrap-typeahead/issues/277","id":352525983,"user":{"login":"ericgio","id":2978513,"avatar_url":"https://avatars2.githubusercontent.com/u/2978513?v=4","gravatar_id":"","url":"https://api.github.com/users/ericgio","html_url":"https://github.com/ericgio","followers_url":"https://api.github.com/users/ericgio/followers","following_url":"https://api.github.com/users/ericgio/following{/other_user}","gists_url":"https://api.github.com/users/ericgio/gists{/gist_id}","starred_url":"https://api.github.com/users/ericgio/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ericgio/subscriptions","organizations_url":"https://api.github.com/users/ericgio/orgs","repos_url":"https://api.github.com/users/ericgio/repos","events_url":"https://api.github.com/users/ericgio/events{/privacy}","received_events_url":"https://api.github.com/users/ericgio/received_events","type":"User","site_admin":false},"created_at":"2017-12-18T19:03:25Z","updated_at":"2017-12-18T19:03:25Z","author_association":"OWNER","body":"Thanks for the feedback. The case you're describing strikes me as relatively uncommon, so it's unlikely I'll add this functionality out of the box. However there are a couple ways you could solve your problem:\r\n\r\n1. Increase the `maxHeight` value to display more results without scrolling (quick fix)\r\n2. Use `renderMenu` to render your own custom menu with the new option at the top."}}
{"actor":{"display_login":"ericgio"}}