Typeahead.js interferes with Bootstrap input groups

Question

How do I keep Typeahead.js from splitting up my Twitter Bootstrap 3 input groups? Whenever I point the Typeahead javascript at a text area that\'s part of an input group, the jo

Answer 1

This fixes the problem when the left-hand side of the text box is square (not rounded):

.input-group .twitter-typeahead .form-control:not(:first-child):not(:last-child) {
  border-radius: 4px 0px 0px 4px;
}