Skip to content

"Searching" indicator #148

Description

@francisjervis

Is your feature request related to a problem? Please describe.
Users type inputs that are too long to effectively match, leading to "no results" being shown when a shorter query would have supplied the expected results. Users cannot tell there is a typeahead function on the search box because there is no "searching" indicator.

Describe the solution you'd like
Add a spinner or other indicator to the input, which is shown while results are being retrieved. Add a "searchIndicator" option to the options to turn it off if desired.

Describe alternatives you've considered
Write custom handlers implementing this. However this seems to be a universal UX pattern for autocomplete/typeahead elements, so it should be an "out of the box" option.

Additional context
Here's an example (thanks Codex!)

$('.advancedAutoComplete').autoComplete({
    resolver: 'custom',
    events: {
        search: function (qry, callback) {
            // let's do a custom ajax call
            var $this = $(this);
            var $thisGroup = $this.closest('.input-group');
            var $thisSpinner = $('<span class="input-group-addon"><i class="spinner-border spinner-border-sm"></i></span>');

            $thisGroup.append($thisSpinner);
            $.ajax(
                '<url>',
                {
                    data: { 'qry': qry}
                }
            ).done(function (res) {
                callback(res.results)

            $thisSpinner.remove();
            });
        }
    }
});

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions