display autocomplete list onfocus / make autocomplete case insensitive

[michellecruz]

This tool is exactly what I've been looking for, but I'm wondering how I can display the autocomplete list on focus. I attempted to add this code:

$(function() {
$('.autocomplete').autocomplete({
source: words,
minLength: 0
}).focus(function(){
$(this).trigger('keydown.autocomplete');
});
});

But nothing happens.

Also, how can I make the plugin case insensitive? My list contains all proper nouns, but I want people to be able to see the options even if they type lowercase letters.

[boutell]

Hi! This thread looks promising:

http://stackoverflow.com/questions/4604216/jquery-ui-autocomplete-minlength0-issue

Looks like some folks have made it work by following that technique. Want
to take a poke at it?

As for case insensitivity, I haven't seen that issue come up when using a
simple array of words as the source, but if it's not behaving the way you'd
like you can pass a function as the source. See the jquery UI autocomplete
documentation for more on that.

On Wed, Oct 29, 2014 at 11:37 AM, michellecruz notifications@github.com
wrote:

This tool is exactly what I've been looking for, but I'm wondering how I
can display the autocomplete list on focus. I attempted to add this code:

$(function() {
$('.autocomplete').autocomplete({
source: words,
minLength: 0
}).focus(function(){

$(this).trigger('keydown.autocomplete');
});
});

But nothing happens.

Also, how can I make the plugin case insensitive? My list contains all
proper nouns, but I want people to be able to see the options even if they
type lowercase letters.

—
Reply to this email directly or view it on GitHub
#4.

*THOMAS BOUTELL, *DEV & OPS
P'UNK AVENUE | (215) 755-1330 | punkave.com

[michellecruz]

Thanks for the help! Unfortunately, I can't figure out how to fix the case sensitive problem. The issue exists in the original files too, because when I type "a" and "A", I get different results:

Searching "a":

Searching "A":

I looked at the jquery UI autocomplete documentation and I'm assuming that I need to add something like "RegExp("^" + $.ui.autocomplete.escapeRegex(request.term), "i");" to this part of the code:

    function testSource(request, response) {
      if (request.term) {
        var result = [];
        $.each(words, function(i, word) {
          if (word.substr(0, request.term.length) === request.term) {
            result.push({ value: i, label: word });
          }
        });

But I need some help figuring out where. Any suggestions on how I can do this?

[michellecruz]

I got a quick hack that solved both issues (display list onfocus & makes it case insensitive)! I added the following after the array:

  $(document).ready(function() {
    $(".autocomplete").autocomplete({
       minLength: 0,
       source: words
    }).focus(function() {
        $(this).autocomplete("search", "");
    });
  });

It's definitely not a clean way to do it because it ignores "sharedOptions", so maybe you can add a better solution in another iteration.

Thanks!

[boutell]

So the source we're configuring is messing up the default case insensitive
behavior? That seems like a bug, so I'll reopen the issue.

On Wed, Oct 29, 2014 at 2:23 PM, michellecruz notifications@github.com
wrote:

Closed #4 #4.

—
Reply to this email directly or view it on GitHub
#4 (comment).

*THOMAS BOUTELL, *DEV & OPS
P'UNK AVENUE | (215) 755-1330 | punkave.com