Multi-Column Autocomplete Issues

Multi-Column Autocomplete Issues

I am developing a multi-column autocomplete.  I have three categories of items in my list which used to be just one column.  Now the UL contains three LI, one for each column and then I add in the items with a monkey patch using the _renderItem, determining which type is which item and adding it to the appropriate UL within the LI.

The data appears correctly as expected and the open event works, but the hover and select do not.  I'm not all that concerned about the hover, I can accomplish this easily with CSS.  But I have to have the select work.

When I try to debug it appear that it never actually goes into that event.  I receive an error:

      Uncaught TypeError: Cannot call method 'data' of undefined

I'm not sure what this means because I'm not calling any data method in the select. I've found several examples online for multi-column autocompletes but nothing that includes a working select event. I've also tried building my own with jQuery to just a simple .click() function but that also doesn't appear to work.

Since it's multi-column now instead of the standard UL LI A order it's instead UL LI UL LI A. Would that pose a problem? Is there a way I can patch this to work correctly?


Thanks so much in advance!