4.1.1 - clearInput doesn't clear when circle is clicked

[JoeOsterfeld]

Bug Report

Ionic Info

Ionic:

   ionic (Ionic CLI)          : 4.1.1 (/Users/username/.nvm/versions/node/v8.11.4/lib/node_modules/ionic)
   Ionic Framework            : @ionic/angular 4.0.0-beta.3
   @angular-devkit/core       : 0.7.4
   @angular-devkit/schematics : 0.7.4
   @angular/cli               : 6.1.4
   @ionic/ng-toolkit          : 1.0.7
   @ionic/schematics-angular  : 1.0.5

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : android 7.0.0, ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.2, cordova-plugin-ionic-webview 2.1.0, (and 13 other plugins)

System:

   Android SDK Tools : 26.1.1 (/Users/username/Library/Android/sdk)
   NodeJS            : v8.11.4 (/Users/username/.nvm/versions/node/v8.11.4/bin/node)
   npm               : 5.6.0
   OS                : macOS High Sierra
   Xcode             : Xcode 9.4.1 Build version 9F2000

Describe the Bug
Created a search input using the clearInput directive. When we tap the 'clear' circle with an x in it, the input's value is not cleared.

HTML:

      <ion-item>
        <ion-label><ion-icon name="search"></ion-icon></ion-label>
        <ion-input clearInput type="search" placeholder="Search Stores" (ionChange)="storeSearchText$.next($event.target.value)"></ion-input>
      </ion-item>

Steps to Reproduce

1. Implement an Ionic Cordova app with the HTML code above.
2. Emulate the app on an iOS emulator
3. Start typing in the ion-input
4. Tap the clear circle with an x

Expected Behavior
Tapping the clear circle with an x in it should clear out the value of the ion-input.

[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.