не могу установить tabindex для углового пользовательского интерфейса

На моем веб-сайте есть раскрывающийся список angular ui-select. Выбор пользовательского интерфейса angular размещается среди других полей ввода (текстовых полей). Несмотря на то, что tabindex установлен в пользовательском интерфейсе, он не работает. ui-select находится в форме как 4-й элемент, но при табуляции полей ввода он напрямую переходит к 5-му элементу после табуляции из 3-го элемента. Может ли кто-нибудь сказать мне, как это исправить, пожалуйста. Я погуглил, но не нашел удовлетворительного ответа. HTML-код ui-select выглядит следующим образом

<ui-select class="selecter-basic" name="Subject" tabindex="4" ng-focus="setFocus(4)" ng-class="{'warning': contactUsForm.$submitted && contactUsForm.Subject.$error.required }" ng-model="contactRequest.Subject" id="selectSubject" required>
  <ui-select-match placeholder="{{resourcesData.ContactRequestForm_SelectedValue_Default_Subject}}">{{$select.selected.Value}}</ui-select-match>
  <ui-select-choices repeat="subject.Key as subject in subjectList | filter: $select.search" value="{{$select.selected.Key}}">
    <span ng-bind-html="subject.Value | highlight: $select.search"></span>
  </ui-select-choices>
</ui-select>

Ниже показано, как ui-select отображается в браузере введите здесь описание изображения


person cham    schedule 19.11.2016    source источник


Ответы (1)


Является ли setFocus(4) пользовательской функцией? Если это так, измените ng-focus на focus-on, который реализован в самом ui-select.

person Jefiozie    schedule 20.11.2016
comment
setFocus — это встроенная функция angular-ui-select. Я изменил его на фокус и протестировал его. Но все же выпадающий список пропускается. - person cham; 21.11.2016