Merge pull request #35 from navedqb/fix--paste-in-template-and-sample…

…-doc fix: Enable Paste Handling in Template and Sample doc
primefaces · Nov 8, 2024 · a12a2a3 · a12a2a3
2 parents 3f1e943 + 37da70e
commit a12a2a3
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/app/showcase/doc/inputotp/sampledoc.ts b/src/app/showcase/doc/inputotp/sampledoc.ts
@@ -13,7 +13,7 @@ import { Code } from '@domain/code';
                 <p class="text-color-secondary block mb-5">Please enter the code sent to your phone.</p>
                 <p-inputOtp [(ngModel)]="value" [length]="6" style="gap: 0">
                     <ng-template pTemplate="input" let-token let-events="events" let-index="index">
-                        <input pInputText type="text" [maxLength]="1" (input)="events.input($event)" (keydown)="events.keydown($event)" [attr.value]="token" class="custom-otp-input" />
+                        <input pInputText type="text" [maxLength]="1" (input)="events.input($event)" (keydown)="events.keydown($event)" (paste)="events.paste($event)" [attr.value]="token" class="custom-otp-input" />
                         <div *ngIf="index === 3" class="px-3">
                             <i class="pi pi-minus"></i>
                         </div>
@@ -81,7 +81,8 @@ export class SampleDoc {
                 type="text" 
                 [maxLength]="1" 
                 (input)="events.input($event)" 
-                (keydown)="events.keydown($event)" 
+                (keydown)="events.keydown($event)"
+                (paste)="events.paste($event)"
                 [attr.value]="token" 
                 class="custom-otp-input" />
             <div *ngIf="index === 3" class="px-3">
@@ -106,7 +107,8 @@ export class SampleDoc {
                     type="text" 
                     [maxLength]="1" 
                     (input)="events.input($event)" 
-                    (keydown)="events.keydown($event)" 
+                    (keydown)="events.keydown($event)"
+                    (paste)="events.paste($event)"
                     [attr.value]="token" 
                     class="custom-otp-input" />
                 <div *ngIf="index === 3" class="px-3">