javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 05:21:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
only show clear input button when input has focus.

closes #6514 and closes #6944
This commit is contained in:
Brandy Carney
2016-06-24 13:57:34 -04:00
parent 4479a019a7
commit ae86ab8b81
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/input/input.scss
View File

@ -96,7 +96,9 @@ input.text-input:-webkit-autofill {
} }
.input-has-focus input, .input-has-focus input,
.input-has-focus textarea { .input-has-focus textarea,
.input-has-focus a,
.input-has-focus button {
pointer-events: auto; pointer-events: auto;
} }
@ -136,7 +138,7 @@ input.text-input:-webkit-autofill {
background-position: center; background-position: center;
} }
.input-has-value .text-input-clear-icon { .input-has-focus.input-has-value .text-input-clear-icon {
display: block; display: block;
} }

4
src/components/input/test/clear-input/main.html
View File

@ -22,6 +22,10 @@
<button item-right (click)="clicked()">Button</button> <button item-right (click)="clicked()">Button</button>
</ion-item> </ion-item>
<ion-item>
<input type="text" placeholder="Native Input"/>
<button item-right (click)="clicked()">Button</button>
</ion-item>
</ion-list> </ion-list>
</ion-content> </ion-content>