fix isBackspaceKey method for IOS with Chinese language

Lubov Raskina · Lubov Raskina · commit 812ec04ffff9 · 2024-01-19T11:56:46.000+04:00
diff --git a/angular-code-input/src/lib/code-input.component.ts b/angular-code-input/src/lib/code-input.component.ts
@@ -386,7 +386,7 @@ export class CodeInputComponent implements AfterViewInit, OnInit, OnChanges, OnD
       return Promise.resolve(true);
     }
 
-    // process only key with placeholder keycode on android devices
+    // process only key with placeholder keycode on android devices or IOS with Chinese language
     if (!e.keyCode || e.keyCode !== 229) {
       return Promise.resolve(false);
     }
@@ -400,10 +400,14 @@ export class CodeInputComponent implements AfterViewInit, OnInit, OnChanges, OnD
         }
         // if backspace key pressed the caret will have position 0 (for single value field)
         resolve(input.selectionStart === 0 && !isReset);
-      });
+      }, this.isIOS() ? 100 : 0);
     });
   }
 
+  private isIOS():boolean {
+    return /ipad|iphone|ipod/i.test(navigator.userAgent);
+  }
+
   private isDeleteKey(e: any): boolean {
     return (e.key && e.key.toLowerCase() === 'delete') || (e.keyCode && e.keyCode === 46);
   }

Original file line number	Diff line number	Diff line change
`@@ -386,7 +386,7 @@ export class CodeInputComponent implements AfterViewInit, OnInit, OnChanges, OnD`
`386`	`386`	`return Promise.resolve(true);`
`387`	`387`	`}`
`388`	`388`
`389`		`- // process only key with placeholder keycode on android devices`
	`389`	`+ // process only key with placeholder keycode on android devices or IOS with Chinese language`
`390`	`390`	`if (!e.keyCode \|\| e.keyCode !== 229) {`
`391`	`391`	`return Promise.resolve(false);`
`392`	`392`	`}`
`@@ -400,10 +400,14 @@ export class CodeInputComponent implements AfterViewInit, OnInit, OnChanges, OnD`
`400`	`400`	`}`
`401`	`401`	`// if backspace key pressed the caret will have position 0 (for single value field)`
`402`	`402`	`resolve(input.selectionStart === 0 && !isReset);`
`403`		`- });`
	`403`	`+ }, this.isIOS() ? 100 : 0);`
`404`	`404`	`});`
`405`	`405`	`}`
`406`	`406`
	`407`	`+ private isIOS():boolean {`
	`408`	`+ return /ipad\|iphone\|ipod/i.test(navigator.userAgent);`
	`409`	`+ }`
	`410`	`+`
`407`	`411`	`private isDeleteKey(e: any): boolean {`
`408`	`412`	`return (e.key && e.key.toLowerCase() === 'delete') \|\| (e.keyCode && e.keyCode === 46);`
`409`	`413`	`}`