[ Ionic ] ion-searchbar ionClear 이벤트 오류

이슈

- ion-searchbar 에서 ionClear 이벤트 호출시 [Intervention] Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. 오류 발생

버전

    "@angular/common": "8.2.13",
    "@ionic-native/core": "5.27.0",

 

 

 

소스

        <ion-searchbar [(ngModel)]="searchstring" (input)="searchuser($event)" (ionClear)="searchuser($event)" 
 placeholder="Search"></ion-searchbar>

 

  searchuser(e) {
    this.filteredusers = this.friends;
    console.log(e.type);

    var q = e.target.value;
    if (q.trim() == '') {
      return;
    }

    this.filteredusers = this.filteredusers.filter((v) => {
      if (v.displayName.toLowerCase().indexOf(q.toLowerCase()) > -1) {
        return true;
      }
      return false;
    })
  }

 

해결

ionClear 클릭시 필요부분까지만 실행뒤 return 되도록 처리하였다.

  searchuser(e) {
    this.filteredusers = this.friends;
    console.log(e.type);
    if(e.type=='ionClear') return;
.
.
.
  }