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

only show clear input button when input has focus. closes #6514 and closes #6944
ionic-team · Jun 24, 2016 · ae86ab8 · ae86ab8
1 parent 4479a01
commit ae86ab8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git 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
@@ -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>