Awesomplete with one field crashes

[IonicaBizau]

I discovered this little thing: if the input has data-list="Ada", Awesomplete will not work:

@LeaVerou Nice project! ✨

[vlazar]

In this case it treats the value of data-list attribute to as CSS selector, not a comma-separated list of values. See https://github.com/LeaVerou/awesomplete/blob/gh-pages/awesomplete.js#L120-L123

@IonicaBizau I'm curious, what is your use case, where you get this error?

[IonicaBizau]

@vlazar I have an array of strings and I join(",") them in the data-list attribute. Since the array is kind of dynamic, I cannot (in my case I can!!! 😄) control it.

But anyway, I guess the error should be friendlier. 📝

[vlazar]

@IonicaBizau Since you already have an array of strings, you can use another way as described in docs:

var input = document.getElementById("myinput");
new Awesomplete(input, {
    list: ["Ada", "Java", "JavaScript", "Brainfuck", "LOLCODE", "Node.js", "Ruby on Rails"]
});

However, someone may prefer to put inline list in data-list attribute and not having to handle any special case, like one item in a list.

I feel this is related to #16725 (comment) . Maybe awesomplete.list setter API is overloaded. One possible solution would be to split CSS selector related portion of setter from other code. So it would be something like this:

// init from some element with CSS selector
completer.list = "#some-id";
completer.list; // "#some-id"
completer.items; // [ "array", "of", "items", "from", "some-id" ];

// init from items (Array or comma-separated list)
completer.items = [ "list", "of", "items" ];
completer.items; // [ "list", "of", "items" ]

completer.items = "comma,separated,list";
completer.items; // [ "comma", "separated", "list" ]