From ae86ab8b816570b9ba3c0f78a6386382bee09f88 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Fri, 24 Jun 2016 13:57:34 -0400
Subject: [PATCH] fix(input): allow button click when input has focus

only show clear input button when input has focus.

closes #6514 and closes #6944
---
 src/components/input/input.scss                 | 6 ++++--
 src/components/input/test/clear-input/main.html | 4 ++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/input/input.scss b/src/components/input/input.scss
index 2080e8ecd0e..e2797747d5c 100644
--- a/src/components/input/input.scss
+++ b/src/components/input/input.scss
@@ -96,7 +96,9 @@ input.text-input:-webkit-autofill {
 }
 
 .input-has-focus input,
-.input-has-focus textarea {
+.input-has-focus textarea,
+.input-has-focus a,
+.input-has-focus button {
   pointer-events: auto;
 }
 
@@ -136,7 +138,7 @@ input.text-input:-webkit-autofill {
   background-position: center;
 }
 
-.input-has-value .text-input-clear-icon {
+.input-has-focus.input-has-value .text-input-clear-icon {
   display: block;
 }
 
diff --git a/src/components/input/test/clear-input/main.html b/src/components/input/test/clear-input/main.html
index ade465cb5a7..b1d68b8f097 100644
--- a/src/components/input/test/clear-input/main.html
+++ b/src/components/input/test/clear-input/main.html
@@ -22,6 +22,10 @@
       <button item-right (click)="clicked()">Button</button>
     </ion-item>
 
+    <ion-item>
+      <input type="text" placeholder="Native Input"/>
+      <button item-right (click)="clicked()">Button</button>
+    </ion-item>
   </ion-list>
 
 </ion-content>