search

Mathachew / jquery-autotab

A jQuery plugin that provides auto tabbing and filtering on text fields in a form
http://autotab.mathachew.com/
366 stars 98 forks source link

Cannot overwrite selected characters in previous field after shift + tab #100

Open 7373Lacym opened 8 years ago

7373Lacym commented 8 years ago

I have the following 3 fields.

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
    <script src="jquery.autotab.js"></script>
</head>

<input placeholder="MM" type="tel" class="input-text birthday-field" size="25" maxlength="2" />

<input id="dob-day" placeholder="DD" type="tel" class="input-text birthday-field" size="  25" maxlength="2" value="" name="dob-day" />

<input id="dob-year" placeholder="YYYY" type="tel" class="input-text birthday-field" size="25" maxlength="4" value="" name="dob-year" />

<script>
    $('.input-text.birthday-field').autotab();
</script>
</html>

Let's say I make a typo and want to tab back to the previous input field. I press shift+tab but when I try to enter more data the cursor autotabs to the next field. I'm not sure if this is the intended behavior? If I hit backspace it works. I have tried using different autotab assignments such as: 

$('.input-text.birthday-field').autotab({previous: $(this).prev(), tabOnSelect: true, target: $(this).next()});

to no avail. I have looked in the closed issues/known problems and couldnt find anything similar.

This is happening on chrome 51 and safari.

EDIT:

This can be solved by removing the input type of TEL