uib-typeahead isn't being respected in directive

[zatchgordon]

When using uib-typeahead in TreeGrid the tag uib-typeahead isn't being respected as a directive.

In this plunker, the top input works and the lower input does not. They Both use: <input type="text" class="form-control" ng-model="vm.Selected" uib-typeahead="item for item in ['hello', 'hoover' , 'world'] | filter:$viewValue | limitTo:8" />

The difference is the lower one is being initiated by the treegrid directive via vm.colDefs. http://plnkr.co/edit/dGd7X4HvETaGxqdbWyr5?p=preview

Am I missing something? Could you tell me why it is not being respected.

Angular: 1.4.3

UIBS: 1.3.2

Bootstrap: 2.3.1

[zatchgordon]

Solved: I wrapped the inner uib-typeahead in another div:

<div class= "input-group">
     <input type="text" class="form-control" ng-model="vm.Selected" uib-typeahead="item for item in ['hello', 'hoover' , 'world'] | filter:$viewValue | limitTo:8" />
</div>