javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 21:48:42 +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 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;
}

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

@ -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>