Ion-searchbar clear event affect tabbar position

Hi guys, I created a page inside the tab, and I created a ion-searchbar in the header. I notice there are two bugs. Is there anyone experience this? Appreciate you can advise accordingly.

  1. Clear button attribute doesn’t work. Though I set showCanButton flag = false, it still shows the clear button.
  2. Once I tap on the clear button, the tabbar position is changed, and it appears at top of the keyboard.
  3. Keyboard will block the bottom of the list.

My codes:
<ion-searchbar
[(ngModel)]=“circleName”
showCancelButton = false
(ionInput)=“onKeywordFilter($event)”
(ionCancel)=“onKeywordFilterCancel($event)”>