-
Notifications
You must be signed in to change notification settings - Fork 3
Open
Labels
bugSomething isn't workingSomething isn't working
Description
Describe the bug
An input visible behind otp boxes
To Reproduce
Steps to reproduce the behavior:
- Go to the screen where you have initialized the input.
- Click on the first otp box.
- You will see an input / textarea behind the otp boxes.
- See error
Expected behavior
When of the otp box is focus, there should not be no other visible to user, the most annoying this is the cursor, which i can't the rest i managed with css.
Desktop (please complete the following information):
- OS: Ubuntu
- Browser: Chrome
Smartphone (please complete the following information):
- Device: Android
- OS: 13
Additional context
Here is how i have initialized.
<div class="col-12">
<div id="otp"></div>
</div>
<script>
$otpInput = $('#otp').otpdesigner({
typingDone: function (code) {
console.log('Entered OTP code: ' + code);
},
length: 5,
onlyNumbers: true,
inputsClasses: 'form-control',
});
// focus it
$('#otp').otpdesigner('focus');
</script>
I am initializing from the cdn.
Metadata
Metadata
Assignees
Labels
bugSomething isn't workingSomething isn't working