{"action":"opened","issue":{"url":"https://api.github.com/repos/twitter/typeahead.js/issues/1642","repository_url":"https://api.github.com/repos/twitter/typeahead.js","labels_url":"https://api.github.com/repos/twitter/typeahead.js/issues/1642/labels{/name}","comments_url":"https://api.github.com/repos/twitter/typeahead.js/issues/1642/comments","events_url":"https://api.github.com/repos/twitter/typeahead.js/issues/1642/events","html_url":"https://github.com/twitter/typeahead.js/issues/1642","id":230000791,"number":1642,"title":"Design Question","user":{"login":"dramosv90","id":28358414,"avatar_url":"https://avatars2.githubusercontent.com/u/28358414?v=3","gravatar_id":"","url":"https://api.github.com/users/dramosv90","html_url":"https://github.com/dramosv90","followers_url":"https://api.github.com/users/dramosv90/followers","following_url":"https://api.github.com/users/dramosv90/following{/other_user}","gists_url":"https://api.github.com/users/dramosv90/gists{/gist_id}","starred_url":"https://api.github.com/users/dramosv90/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dramosv90/subscriptions","organizations_url":"https://api.github.com/users/dramosv90/orgs","repos_url":"https://api.github.com/users/dramosv90/repos","events_url":"https://api.github.com/users/dramosv90/events{/privacy}","received_events_url":"https://api.github.com/users/dramosv90/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-05-19T14:57:26Z","updated_at":"2017-05-19T14:57:26Z","closed_at":null,"body":"I am currently working with a Bootstrap 3 template in which they add an effect to the input when they have the focus on it, in this case it is a blue line that is animated at the bottom edge of the control. When I call the function $ ('# control'). typeahead () this effect is omitted completely. I would like to keep it, I know internally that other classes are created and added to my input field, I tried to change the css several times but nothing. If you could help me with this topic I would greatly appreciate it.\r\n\r\nExample:\r\nHTML:\r\n<div class=\"col-md-4\">\r\n            <div class=\"form-group\">\r\n                <div class=\"form-line\">\r\n                    <input class=\"form-control\" type=\"text\" id=\"names\" placeholder=\"States of USA\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\nJavascript:\r\nfunction loadData(){\r\n                // constructs the suggestion engine\r\n                var names = new Bloodhound({\r\n                    datumTokenizer: Bloodhound.tokenizers.whitespace,\r\n                    queryTokenizer: Bloodhound.tokenizers.whitespace,\r\n                    prefetch: {\r\n                        url: '/json/names',\r\n                        cache: false\r\n                    }\r\n                });\r\n                $('#names').typeahead({\r\n                            highlight: true,\r\n                            minLength: 1\r\n                        },\r\n                        {\r\n                            name: 'names',\r\n                            source: names\r\n                        });\r\n            }\r\n\r\n            $('#load').on('click', function(){\r\n                loadData();\r\n            });\r\n"}}
{"actor":{"display_login":"dramosv90"}}