Skip to content

Commit

Permalink
fix(searchbar): set a negative tabindex for the cancel button
Browse files Browse the repository at this point in the history
this prevents tabbing to the cancel button and shifting the entire
screen.
  • Loading branch information
brandyscarney committed Jun 14, 2016
1 parent fef6a5f commit 614ace4
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion src/components/searchbar/searchbar.ts
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@ import {isPresent} from '../../util/util';
'<input #searchbarInput [(ngModel)]="_value" [attr.placeholder]="placeholder" (input)="inputChanged($event)" (blur)="inputBlurred($event)" (focus)="inputFocused($event)" class="searchbar-input">' +
'<button clear class="searchbar-clear-icon" (click)="clearInput($event)" (mousedown)="clearInput($event)"></button>' +
'</div>' +
'<button #cancelButton clear (click)="cancelSearchbar($event)" (mousedown)="cancelSearchbar($event)" [hidden]="hideCancelButton" class="searchbar-ios-cancel">{{cancelButtonText}}</button>',
'<button #cancelButton [tabindex]="_isActive ? 1 : -1" clear (click)="cancelSearchbar($event)" (mousedown)="cancelSearchbar($event)" [hidden]="hideCancelButton" class="searchbar-ios-cancel">{{cancelButtonText}}</button>',
encapsulation: ViewEncapsulation.None
})
export class Searchbar {
Expand Down

0 comments on commit 614ace4

Please sign in to comment.