javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-17 02:31:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(searchbar): fix crash on cancel event (#16181)

Browse Source 
fixes #16143
This commit is contained in:
Manu MA
2018-11-01 18:17:28 +01:00
committed by GitHub
parent fce30ebc06
commit 9c79d9856f
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
core/src/components/searchbar/searchbar.tsx
View File

@ -14,7 +14,7 @@ import { createColorClasses } from '../../utils/theme';
})
export class Searchbar implements ComponentInterface {
private nativeInput!: HTMLInputElement;
private nativeInput?: HTMLInputElement;
private isCancelVisible = false;
private shouldAlignLeft = true;
@ -164,7 +164,9 @@ export class Searchbar implements ComponentInterface {
*/
@Method()
setFocus() {
this.nativeInput.focus();
if (this.nativeInput) {
this.nativeInput.focus();
}
}
/**
@ -202,7 +204,9 @@ export class Searchbar implements ComponentInterface {
this.ionCancel.emit();
this.onClearInput();
this.nativeInput.blur();
if (this.nativeInput) {
this.nativeInput.blur();
}
}
/**
@ -262,8 +266,11 @@ export class Searchbar implements ComponentInterface {
* Positions the input placeholder
*/
private positionPlaceholder() {
const isRTL = this.doc.dir === 'rtl';
const inputEl = this.nativeInput;
if (!inputEl) {
return;
}
const isRTL = this.doc.dir === 'rtl';
const iconEl = (this.el.shadowRoot || this.el).querySelector('.searchbar-search-icon') as HTMLElement;
if (this.shouldAlignLeft) {