From cd0e19a9feb6bac5c253a766e034ac75473f41d7 Mon Sep 17 00:00:00 2001
From: ramonornela <ramon.ornela@gmail.com>
Date: Sat, 22 Oct 2016 11:54:29 -0200
Subject: [PATCH] fix(searchbar): positionElements to assign input mode fixes
 #8855

---
 src/components/searchbar/searchbar.ts         | 2 +-
 src/components/searchbar/test/basic/main.html | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/searchbar/searchbar.ts b/src/components/searchbar/searchbar.ts
index d7d8e27a07f..89164739467 100644
--- a/src/components/searchbar/searchbar.ts
+++ b/src/components/searchbar/searchbar.ts
@@ -239,7 +239,7 @@ export class Searchbar extends Ion {
     let shouldAlignLeft = (!isAnimated || (this._value && this._value.toString().trim() !== '') || this._sbHasFocus === true);
     this._shouldAlignLeft = shouldAlignLeft;
 
-    if (this._config.get('mode') !== 'ios') {
+    if (this._mode !== 'ios') {
       return;
     }
 
diff --git a/src/components/searchbar/test/basic/main.html b/src/components/searchbar/test/basic/main.html
index 54eee134b75..cd4d1a5a379 100644
--- a/src/components/searchbar/test/basic/main.html
+++ b/src/components/searchbar/test/basic/main.html
@@ -29,6 +29,12 @@ <h5 padding-left> Search - Custom Cancel Button Danger </h5>
   <h5 padding-left> Search - Value passed </h5>
   <ion-searchbar value="mysearch" showCancelButton (ionInput)="triggerInput($event)" (ionCancel)="onCancelSearchbar($event)" (ionClear)="onClearSearchbar($event)" cancelButtonText="Really Long Cancel" color="dark"></ion-searchbar>
 
+  <h5 padding-left> Search - Mode iOS passed </h5>
+  <ion-searchbar mode="ios" animated="true" showCancelButton placeholder="Search"></ion-searchbar>
+
+  <h5 padding-left> Search - Mode MD passed </h5>
+  <ion-searchbar mode="md" animated="true" showCancelButton placeholder="Search"></ion-searchbar>
+
   <p padding>
     <button ion-button block (click)="changeValue()">Change Value</button>
   </p>