Cancel button of ion-searchbar not working probably? V4

[a7md0]

Bug Report

Ionic Info

Ionic:
   ionic (Ionic CLI)          : 4.0.6
   Ionic Framework            : @ionic/angular 4.0.0-beta.2
   @angular-devkit/core       : 0.7.3
   @angular-devkit/schematics : 0.7.3
   @angular/cli               : 6.1.3
   @ionic/ng-toolkit          : 1.0.6
   @ionic/schematics-angular  : 1.0.4

Describe the Bug
When using ion-searchbar and click the cancel button (back arrow) should navigate me to another page. This functionally is working on the mobile browser but on the desktop browser is does not work? (nothing happened when clicking on cancel button)

Steps to reproduce the behaviour:

1. Click on the search box
2. Click the cancel button (back arrow)

Related Code
.html
<ion-searchbar showCancelButton=true (ionCancel)="onCancel($event)"></ion-searchbar>
.ts
onCancel(event) { this.router.navigateByUrl('/home'); }

Expected Behavior
The cancel button should trigger function which goes back to homepage using Router.

[leoshuaige]

Individuals feel that they can write a route to navigate a new address

[samzhao2008]

+1
on browser, the onCancel event is not triggered when click the cancel button which is an back arrow

[paulstelzer]

Is this issue still exist in beta.17?

[JayTeeHub]

I'm having the same issue on 4.0.0-beta.16. onCancel doesn't trigger in the browser or on Android/iOS devices.

[pickfire]

Isn't it ionCancel instead of onCancel?

[paulstelzer]

I checked in RC.0 and it's working with your code

Related Code:

.html
<ion-searchbar [showCancelButton]="true" (ionCancel)="onCancel($event)"></ion-searchbar>
.ts
  onCancel(event) {
    console.log('CANCEL', event);
  }

[pickfire]

@paulstelzer Except that the cancel button is a bit off (for Firefox), will submit a PR in a while. Code should be:

<ion-searchbar showCancelButton (ionCancel)="onCancel($event)"></ion-searchbar>

I wonder why they still use ionCancel instead of cancel.