From 717cada8edaaf2102278f4856b9bdd85ba5bfbe9 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Wed, 4 Jan 2017 13:28:25 -0500
Subject: [PATCH] fix(input): only add padding right if it has clear input

fixes #9865
---
 src/components/input/input.ios.scss                 | 2 +-
 src/components/input/test/clear-input/app-module.ts | 2 +-
 src/components/input/test/clear-input/main.html     | 5 +++++
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/input/input.ios.scss b/src/components/input/input.ios.scss
index fc27d3c947..e054c2ceb5 100644
--- a/src/components/input/input.ios.scss
+++ b/src/components/input/input.ios.scss
@@ -159,7 +159,7 @@ $text-input-ios-highlight-color-invalid:   $text-input-highlight-color-invalid !
   position: relative;
 }
 
-.input-ios .text-input {
+.input-ios[clearInput] .text-input {
   padding-right: $text-input-ios-input-clear-icon-width;
 }
 
diff --git a/src/components/input/test/clear-input/app-module.ts b/src/components/input/test/clear-input/app-module.ts
index 75ad236e29..5a11625803 100644
--- a/src/components/input/test/clear-input/app-module.ts
+++ b/src/components/input/test/clear-input/app-module.ts
@@ -6,7 +6,7 @@ import { IonicApp, IonicModule } from '../../../..';
   templateUrl: 'main.html'
 })
 export class E2EPage {
-  myValue = 'value';
+  myValue = 'really long value that overflows to show padding';
 
   clicked() {
     console.log('clicked button');
diff --git a/src/components/input/test/clear-input/main.html b/src/components/input/test/clear-input/main.html
index 24bcf4ea12..cf503bd050 100644
--- a/src/components/input/test/clear-input/main.html
+++ b/src/components/input/test/clear-input/main.html
@@ -11,6 +11,11 @@
 
   <ion-list>
 
+    <ion-item>
+      <ion-label>No Input Clear:</ion-label>
+      <ion-input class="e2eClearInput" [(ngModel)]="myValue"></ion-input>
+    </ion-item>
+
     <ion-item>
       <ion-label>Input Clear:</ion-label>
       <ion-input class="e2eClearInput" [(ngModel)]="myValue" clearInput></ion-input>