I have a unique input field that I'm working with:
<div class="btn-group btn-xs" dropdown>
<input id="simple-btn-keyboard-nav" ng-model="available_fields_query" id="single-button" dropdown-toggle ng-disabled="disabled" placeholder="Add New Field" focus-me="true">
</input>
<ul class="dropdown-menu" role="menu" aria-labelledby="btn-append-to-body">
<li role="menuitem" ng-repeat="item in availableFields | iwSearch: available_fields_query">
<a href="#" ng-click="addField(item)">{{item | toUserListHeader}}</a>
</li>
</ul>
</div>
While everything is functioning properly when I click on the input field, it seems that clicking and tabbing through the elements behave differently. When I tab to focus on the input, nothing happens.
Is there a way to trigger all the same functions when selecting with a tab as if I were clicking on the element?