ion-searchbar [animated]="true" [showCancelButton]="false"

[ghost]

Ionic version: (check one with "x")
[x] 2.x

I'm submitting a ... (check one with "x")
[x] bug report

Current behavior:
When [animated]="true" is used on ion-searchbar, Cancel button is shown, even when [showCancelButton]="false".

Expected behavior:
Cancel button is displayed based on [showCancelButton] setting only.

Steps to reproduce:
Use the below code.
User enters ion-searchbar.
Cancel button is displayed

<ion-header>
  <ion-navbar>
    <ion-searchbar [animated]="true" [showCancelButton]="false">
    </ion-searchbar>
  </ion-navbar>
</ion-header>

<ion-content padding>
  The world is your oyster.
</ion-content>

Other information:

Cordova CLI: 6.4.0 
Ionic Framework Version: 2.0.0-rc.3
Ionic CLI Version: 2.1.13
Ionic App Lib Version: 2.1.7
Ionic App Scripts Version: 0.0.45
ios-deploy version: 1.9.0 
ios-sim version: 5.0.8 
OS: macOS Sierra
Node Version: v6.9.1
Xcode version: Xcode 8.1 Build version 8B62

[manucorporat]

Use:

    <ion-searchbar animated="true" showCancelButton="false">

since you are not binding a dynamic value

[ghost]

Using animated="true" showCancelButton="false", Cancel button is still displayed.

<ion-header>
  <ion-navbar>
    <ion-searchbar animated="true" showCancelButton="false">
    </ion-searchbar>
  </ion-navbar>
</ion-header>

[ghost]

@manucorporat please consider to reopen, problem was not solved

[mumairofficial]

In my case this is working well [showCancelButton]="true" notice within [...] brackets

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.