javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-10 00:27:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(input): clear button is not activated on swipe (#25825)

Browse Source 
resolves #24857
This commit is contained in:
Liam DeBeasi
2022-08-29 16:41:02 -05:00
committed by GitHub
parent 527015184e
commit ff71ad492d
2 changed files with 53 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
core/src/components/input/input.tsx
View File

@ -402,12 +402,6 @@ export class Input implements ComponentInterface {
this.isComposing = false;
};
private clearTextOnEnter = (ev: KeyboardEvent) => {
if (ev.key === 'Enter') {
this.clearTextInput(ev);
}
};
private clearTextInput = (ev?: Event) => {
if (this.clearInput && !this.readonly && !this.disabled && ev) {
ev.preventDefault();
@ -496,8 +490,15 @@ export class Input implements ComponentInterface {
aria-label="reset"
type="button"
class="input-clear-icon"
onPointerDown={this.clearTextInput}
onKeyDown={this.clearTextOnEnter}
onPointerDown={(ev) => {
/**
* This prevents mobile browsers from
* blurring the input when the clear
* button is activated.
*/
ev.preventDefault();
}}
onClick={this.clearTextInput}
/>
)}
</Host>