Open
Description
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
Metadata
Metadata
Assignees
Labels
No labels