JS Error using numbers in query

[MUTOgen]

I'm using typeahead.js 0.10.2
If i have a field with numbers to autocomplete i have strange problem.

First time it's ok. I input numbers, suggestions shown, i select something from dropdown.
But if i remove everything in the field and try to type again, i have error in console and no dropdown shown.

Uncaught TypeError: undefined is not a function typeahead.bundle.js:944
Input.normalizeQuery typeahead.bundle.js:944
areQueriesEquivalent typeahead.bundle.js:1091
checkInputValue typeahead.bundle.js:998
onInput typeahead.bundle.js:962
proxy jquery.js:513
jQuery.event.dispatch jquery.js:4409
elemData.handle

[jharding]

I'm having trouble reproducing this, would it be possible for you to create a jsbin?

[MUTOgen]

i fix this here

Input.normalizeQuery = function(str) {
            str = str.toString(); // typecast if str contains only numbers, like "123"
            return (str || "").replace(/^\s*/g, "").replace(/\s{2,}/g, " ");
        };

[jharding]

Do you ever call jQuery#typeahead('val', myVal) to set the value of the input? I'm wondering how a non-string is getting to the normalizeQuery function.

[MUTOgen]

Yes, i call it
In my case autocomplete action on select event fills other typeahead fields with jQuery#typeahead('val', myVal)
I do it by ajax call

[jharding]

Ah, ok. My guess as to what's going on is that you pass a number to jQuery#typeahead('val', myVal) and right now, that's not handled very well. What I'm going to do is coerce everything passed to that method into a string. That should result in the expected behavior.

[jharding]

Added a fix for v0.10.3. Thanks for helping me debug.

[HenryYan2012]

Still have this issue on v0.10.5.

[kanejoe]

also here on v0.10.5 with the following message:

Uncaught TypeError: undefined is not a function typeahead.bundle.js:998
c.normalizeQuery typeahead.bundle.js:998
e typeahead.bundle.js:1146
b.mixin._checkInputValue typeahead.bundle.js:1052
b.mixin._onInput typeahead.bundle.js:1016
_.isFunction.e jquery.js:513
_.event.dispatch jquery.js:4409
q.handle jquery.js:4095

[s01ipsist]

I also got this on v0.10.5 but was able to trace it to the fact that my data source was returning a single length array of strings. e.g.

[{"value":["Blood"]},{"value":["Blame"]}]

The normalizeQuery function errors when passed an array as you can't call replace on it.

Fixing my data source to this resolved my problem

[{"value":"Blood"},{"value":"Blame"}]

Perhaps this.query should be coerced to a string when it is saved?

[deancsmith]

I was having the same issue in v0.10.5 and resolved it by casting the 'caseNumber' property in the below picture from an int to a string before it is output as JSON to Typeahead. This property is my displayKey if that helps.

[johanfred]

I can verify deancsmith solution. I also had an int, and changing that to a string solved it. Using v0.10.5.