pkovzz / ngx-otp-input Goto Github PK

Describe the bug
The input-focus is not changing on user input

To Reproduce
Please refer to #6

Expected behavior
Input-focus moves to next box after correct input

Screenshots
Please refer to #6

Desktop (please complete the following information):

• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Chrome
• Android-11

Additional context
The issue #6 was closed. There is a reference to https://ngx-otp-input-j6iwwfgom-pkovzz.vercel.app/ which seems to work properly on Android-11 device. Please help share details/approach to resolve the issue; maybe a good idea to add this to the documentation for further reference to other users.

Is your feature request related to a problem? Please describe.
I want to clear the OTP field when the customer holds the delete key as per the normal input field.
It is annoying to keep clicking the delete button.

Hi,

When someone add wrong otp i want to clear the field so user can put fresh otp but there is no option for clearing otp

Hi,
I am trying to use this library on my Angular(v.11) application and I am getting error on build.
The error is "Can't import the named export 'ɵɵFactoryTarget' from non EcmaScript module (only default export is available)"

To Reproduce
https://stackblitz.com/edit/angular-v11-vfdsqi?file=src%2Fapp%2Fapp.component.ts

Continues OTP changes should work. now if I entered 333333. and when I change it to 444444 so at that moment manually focus on input.

Describe the bug
In Window, copy and paste OTP code (number only) do not work when CapsLock is on.

To Reproduce
Steps to reproduce the behavior:

1. Make sure you are using Window
2. Go to : "https://ngx-otp-input.vercel.app/" on any browser
3. Turn on CapsLock
4. Copy: 1234
5. Ctrl-V to paste to the input field
   -> Code can't be pasted

Expected behavior
Code should be pasted even CapsLock is on.

To Reproduce
Steps to reproduce the behavior:

1. Create angular based project open link in iOS device below 12 version.
2. On input edit pages are jumping.
3. https://user-images.githubusercontent.com/48058350/130113514-0e13aa77-071f-46ce-83bd-38cef8b99924.mp4

Smartphone (please complete the following information):

• Browser - safari
• Version - iOS 12

Describe the bug

It looks like i can't import the package because this one doesn't export main. Getting this error from Angular:

Module not found: Error: Package path . is not exported from package /project/node_modules/ngx-otp-input (see exports field in project/node_modules/ngx-otp-input/package.json)

To Reproduce

Simply tried to import the package.

Expected behavior

We should be able to import the package.

Desktop (please complete the following information):

• Browser [e.g. chrome, safari] Firefox
• Version [e.g. 22]

Additional context

Angular version: ^14.0.0

When I try to install this library in angular 13 project it is giving me the error visible in the image
I tried to install the version that I saw would be compatible. I added this on package.json "ngx-otp-input": "0.11.1" and made an npm update
Can you check this for me ASAP? Thanks

Describe the bug
So it is not an actual bug, but when I press backspace once on filled input it removes the value but doesn't go to the previous cell.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://ngx-otp-input.vercel.app/
2. Click in the first cell and start typing
3. remove last cell value
4. See that focus still in same (empty cell)

Expected behavior
So in my logic and best practices is next - When I deleted the value of the cell, it should focus on the previous cell, and if I type a new value should be checked if the cell does not empty populate new value to the next empty cell otherwise fill new value in current

Desktop (please complete the following information):

• Browser chrome
• Version 95

Smartphone iPhone iOS 15:

• Browser safari

Additional context
Add any other context about the problem here.

Describe the bug
Not able to turn off the auto-complete for ngx-otp-input

To Reproduce
Not able to turn off the autocomplete for ngx-otp-input by using several below methods -:

1. autocomplete = "off"
2. autocomplete = "new-password"
3. By making custom directive for disabling the autocomplete
4. By creating a similar input field and setting it to display:none

Expected behavior
It should not give the suggestion list for ngx-otp-input

Screenshots

Desktop (please complete the following information):

• Browser Chrome
• Version 108.0.5359.125

I'm experiencing page jump in latest version of chrome.
Please refer the screens below.

https://user-images.githubusercontent.com/105289961/184829025-4bb347c8-fdf7-4625-a70a-66966f12bf37.mp4

Describe the bug
Input doesn't disabled when disable option are true

To Reproduce
Steps to reproduce the behavior:

1. Set [disable]="true"
2. Input still can be typed

Screenshots

Desktop (please complete the following information):

• Browser => Chrome 92.0.4515.159
• Version => ^0.9.0

On my device , plugin install properly , but after first input box entry second input box is not getting focus , i have to manually click on next input for next digit
device : Samsung A10
OS : Android
version : 10