It is possible to show autosuggestions list after user click in show input?

[jakubstankowski]

Hi!

I have question - it is possible to show suggestions list after user click in input ? I mean something like google, show list only click in input

thanks for answer!

[salt-istanbul]

Hi, I found a pretty simple solution. You may show predefined suggestions on focus when query is blank.

$('.typeahead').typeahead({
            source: function (query, process) {
                if(query == ""){
                                //query is blank: show predefined suggestions
                                return this.process([{"id":172,"name":"default item 01","url":"http://www.test.com"},{"id":73,"name":"default item 02","url":"http://www.test2.com"}]);
                }else{
                                 //query is not blank: make an ajax call
                     return $.post("http://example.com/query", { query: query } , function (data) {
                          data = $.parseJSON(data);
                          return process(data);
                    });                 
                }
            },
            fitToElement : true,
            minLength : 2,
            theme : "bootstrap4",
            afterSelect: function(args){
                 window.location.href = args.url;
            },
        }).on("focus", function(e){
            if($(this).val() == ""){
                var typeahead = $(this).data("typeahead");
                    typeahead.query="";
                    typeahead.source("");
            }
});