Ditch typeahead.css and set css properties through js

[jharding]

Loading only typeahead.js > loading both typeahead.js and typeahead.css

[seiz]

I had to postpone usage of typeahead in my current project, because the typeahead styles messed too much with existing styles. For example, our searchfields will often have a non transparent background and some even an icon as background-image. Typeahead would reset the searchfield to have a transparent background and the transparent gif as background-image. This kind of destroys our layouts.

It'd be great if typeahead could work around IE bugs/behavior in a less destructive way, so it ultimately won't alter the appearance of input-fields attached to typeahead at all.

[jharding]

Try the integration-0.9.0 branch, it has some changes that might solve your problem. If it doesn't work for you let me know, I'd like typeahead.js to work out of box for almost any use-case.

[seiz]

Will do, thanks. First glimpse at the branch, it seem the transparent gif background etc. is gone, so this looks promising already. Thought the two commits attached to this ticket were from the 0.9 branch already and these still contained the gif... My bad.

[jharding]

The transparent gif is still used for IE, but the background styles from the original input now get explicitly copied over to the hint input. I believe this will solve your problem.

[seiz]

OK, so the input will be transparent and we'll see through the hint input which is a clone of the original input. That sounds good. I'll test this but it'll take a while as we're busy preparing/testing a release of our desktop-app (without typeahead for now, but to be included in the next release).
Thanks Jake!