Skip to content
This repository was archived by the owner on Sep 5, 2024. It is now read-only.

Commit b4e6354

Browse files
author
Robert Messerle
committed
fix(autocomplete): adds tabindex support for autocomplete
Closes #2113
1 parent de32e5b commit b4e6354

File tree

1 file changed

+8
-1
lines changed

1 file changed

+8
-1
lines changed

src/components/autocomplete/js/autocompleteDirective.js

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -150,12 +150,17 @@ function MdAutocomplete () {
150150
template: function (element, attr) {
151151
var noItemsTemplate = getNoItemsTemplate(),
152152
itemTemplate = getItemTemplate(),
153-
leftover = element.html();
153+
leftover = element.html(),
154+
tabindex = attr.tabindex;
154155

155156
if (noItemsTemplate) {
156157
hasNotFoundTemplate = true;
157158
}
158159

160+
if (attr.hasOwnProperty('tabindex')) {
161+
element.attr('tabindex', '-1');
162+
}
163+
159164
return '\
160165
<md-autocomplete-wrap\
161166
layout="row"\
@@ -216,6 +221,7 @@ function MdAutocomplete () {
216221
<md-input-container flex ng-if="floatingLabel">\
217222
<label>{{floatingLabel}}</label>\
218223
<input type="search"\
224+
' + (tabindex != null ? 'tabindex="' + tabindex + '"' : '') + '\
219225
id="{{ inputId || \'fl-input-\' + $mdAutocompleteCtrl.id }}"\
220226
name="{{inputName}}"\
221227
autocomplete="off"\
@@ -238,6 +244,7 @@ function MdAutocomplete () {
238244
} else {
239245
return '\
240246
<input flex type="search"\
247+
' + (tabindex != null ? 'tabindex="' + tabindex + '"' : '') + '\
241248
id="{{ inputId || \'input-\' + $mdAutocompleteCtrl.id }}"\
242249
name="{{inputName}}"\
243250
ng-if="!floatingLabel"\

0 commit comments

Comments
 (0)