Release version is here:
http://twitter.github.io/typeahead.js

There will be some refactoring to do.

Steps to reproduce:

1. Update TypeaheadTest to embed interface within form tags
2. add commandbutton to refresh form

Code should now look like:
`
<apex:page showHeader="true" sidebar="true" title="Typeahead Test Page">

<style>
    .sample-form { 
        margin: 20px;
        width: 400px;
        font-size: 16px; 
    }
    .sample-form h3 { 
        margin:8px 0; 
        display:block; 
    }
    .sample-form button { 
        margin: 18px 0; 
        padding: 5px 10px;
    }
</style>

<apex:form id="theForm">

<div class="sample-form">

    <h3>Contact Name:</h3>
    <c:Typeahead /> 

    <button onclick="alert( 'You selected ' + document.getElementById('searchBox').getAttribute('data-id') );">Submit</button>

    <h3>Account Name:</h3>
    <c:Typeahead searchBoxId="acctSearchBox" object="Account" primaryField="Name" secondaryField="BillingCity" 
            searchScope="NAME" placeholder="Type something..." minSearchLength="3" 
            destinationForSelectedId="accountId" destinationForSelectedValue="accountName" stealFocus="false" />  

    <input type="hidden" name="accountId" id="accountId" />     
    <input type="hidden" name="accountName" id="accountName" />     

    <button onclick="alert( 'The hidden Id field contains ' + document.getElementById('accountId').value + '\nThe hidden Name field contains ' + document.getElementById('accountName').value );">Submit</button>
    <apex:commandButton id="refreshButton" rerender="theForm" value="Refresh" />

</div>
</apex:form>

</apex:page>`

3. run page and click "Refresh" - you should see the Typeahead component fail to load

I've narrowed the issue down to the Typeahead component line 14 window.typeahead || document.write('<script src="{!URLFOR($Resource.Typeahead, '/typeahead.bundle.min.js')}"><\/script>'); - removing this allows refresh, although without this library obviously typeahead won't work.

Just install the package, and it can't work at all!!

After the debug, I found it is beacuse of the SOSL problem.

I dont know the reason, however, the SOSL returns nothing at all. You can see it in the attached screenshot.

I double check the global search functionality as well. And, it confirms the problem of SOSL. The SOSL at the moment is not function.

After modify the class a little, and change to use SOQL. The problem is gone, and all the feature of typeahead works as it should be.

Since the fact, I suggest to add the option for users to use SOQL.

Thanks.

1. In the test form Account box, type "Uni"
2. Select "United Oil & Gas" account.

Type ahead box shows: United Oil & Gas

This is overall good Feature so far , until user is is coming up with the functionality like want to use the lookup for emails like functions , Where in To or CC we want to search contact and add multiple contacts's email in same search , This is Failed and following enhancement is possible

1. Allow user to specify multi select Mode
2. While one or more values already Selected do prepare Query String based on new value
3. Allow Delete the Selected Values
4. Wile Selecting other values previous selection should not disappear
5. The id should be coped in the hidden field by comma separated List

Hey Evan, trying to use the typeahead component in an iframe (popup window) but I get an alert box that says:
"Javascript proxies were not generated for controller Typeahead: may not use public remoted methods inside an iframe."

Any idea on how to solve that?

1. Type something that results in a list longer than one value.
2. Press down arrow to select a value other than the first one in the list, and then press Enter.

Your value is selected.

3. Press Enter again.

The first value in the list appears as if you selected it.

Found a little bug, I think. When invoking the component I only had the destinationForSelectedId attribute defined and did not have destinationForSelectedValue defined. That used to work fine but at some point must have stopped working. It was bonking on line 137 in Typeahead.component, throwing the error "Syntax error, unrecognized expression: [id$=]" due to the blank destinationForSelectedValue attribute:

135 // if destinations are defined, set them too
136 j$('[id$={!destinationForSelectedId}]').val( id );
137 j$('[id$={!destinationForSelectedValue}]').val( value );

I fixed my issue by adding the destinationForSelectedValue attribute to the component call but wanted to let you know. Can't quite figure out why it used to work and stopped at some point.

The current onkeyup behavior is to clear the selection if they clear the box completely.

There's a bug.

Let's see the circumstance:

(1) User enter 'sFo' and the suggestion hints there's an account named 'sForce'.
(2) User click the suggested item and get the Id of the 'sForce'
(3) User just enter one "backspace", and the input value now is 'sForc'.
(4) Now, user hits 'Submit', The id of 'sForce' shows. It should not shows, since there's no such a 'sForc' account.

It should be changed to clear anytime the input is modifed (on every keyup). That is just to remove the if condition in the Line#221,222,224.

I'm gettting this error: "a is undefined"
/*!

• typeahead.js 0.10.1
• https://github.com/twitter/typeahead.js
• Copyright 2013 Twitter, Inc. and other contributors; Licensed MIT
  */

!function(a){var b={isMsie:function(){return/(msie|trident)/i.test(navigator.userAgent)?navigator.userAgent.match(/(msie |rv:

Not sure if I'm just missing something, but I can't get any results to return while using the filterClause attribute.

I'm using: filterClause="Product_Family__c = 'Hearth'" Pretty sure that's correct syntax for a WHERE clause in SOSL. I don't get any errors or anything, just no results. Am I missing something?

Also, assuming I can correct this, will the attribute accept a merge field? Eg. filterClause="Product_Family__c = '{!prodtype}'"