Page automatically scrolls because of focus to the next element - Githubissues

devfolioco / react-otp-input

:heavy_check_mark: OTP Input Component for React

http://devfolioco.github.io/react-otp-input

MIT License

663 stars 426 forks source link

Page automatically scrolls because of focus to the next element #300

Closed debjits1 closed 1 year ago

debjits1 commented 3 years ago

In iOS devices, I am facing this issue. I am using react-otp-input inside a material-ui dialog. Whenever I add a new number in the input, it focuses on the next input, and the page in the background auto scrolls. Also, the dialog flickers a lot on the same event. This happens becuase the focus method automatically try to scroll to element. Is there a way we can stop the autoscroll on focus?

Steps to reproduce the issue:
Use react-otp-input inside a material ui Dialog component
Fix the Dialog element at bottom of the screen with css properties
Try to input number in otp input component

roshan-p commented 3 years ago

@debjits1 Have you fixed it ?

LanhNguyen97 commented 2 years ago

@debjits1 Have you fixed it?

debjits1 commented 2 years ago

No, still did not find any solution

ritikbanger commented 2 years ago

The feature is available in: https://www.npmjs.com/package/react18-input-otp

prateek3255 commented 1 year ago

Can you add a reproducible sandbox/demo video here, and reopen the issue again?