fix(input): allow button click when input has focus

only show clear input button when input has focus.

closes #6514 and closes #6944

Author: brandyscarney

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;
 }
 

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>