Skip to content

An input visible behind otp boxes #16

@shahsawoodshinwari

Description

@shahsawoodshinwari

Describe the bug
An input visible behind otp boxes

To Reproduce
Steps to reproduce the behavior:

  1. Go to the screen where you have initialized the input.
  2. Click on the first otp box.
  3. You will see an input / textarea behind the otp boxes.
  4. 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.

Screenshots
image

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

Labels

bugSomething isn't working

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions