mirror of
https://github.com/bitwarden/browser
synced 2026-02-05 19:23:19 +00:00
280cb7e2c0
appAutofocus currently doesn't work on the bit-search component. This PR resolves this issue by introducing a FocusableElement interface components can implement, which is respected by the autofocus directive.
23 lines
579 B
HTML
23 lines
579 B
HTML
<label class="tw-sr-only" [for]="id">{{ "search" | i18n }}</label>
|
|
<div class="tw-relative tw-flex tw-items-center">
|
|
<label
|
|
[for]="id"
|
|
aria-hidden="true"
|
|
class="tw-absolute tw-left-2 tw-z-20 !tw-mb-0 tw-cursor-text"
|
|
>
|
|
<i class="bwi bwi-search bwi-fw tw-text-muted"></i>
|
|
</label>
|
|
<input
|
|
#input
|
|
bitInput
|
|
type="search"
|
|
[id]="id"
|
|
[placeholder]="placeholder ?? ('search' | i18n)"
|
|
class="tw-rounded-l tw-pl-9"
|
|
[ngModel]="searchText"
|
|
(ngModelChange)="onChange($event)"
|
|
(blur)="onTouch()"
|
|
[disabled]="disabled"
|
|
/>
|
|
</div>
|