Question

I’m getting an odd issue in one specific scenario, wondering if anyone had seen similar or had any ideas.

<form action="myurl" method="post" id="login">
    <label for="userId" class="text-large">Username</label>
    <input id="userId" type="text" maxlength="15" required="1" />
    <label for="accessCode" class="text-large">Access Code</label>
    <input id="accessCode" type="password" maxlength="4" required="1" />
</form>

I thought at first it was the maxlength, as it would not let me modify the field once I got to the max length. However, it’s stopped letting me type altogether, no registering anything I type in the field. The keyboard still pops up, and the intelitype/autocomplete above the keyboard registers typing, but nothing shows in the input.

I don’t think there’s anything fancy happening in the css, no strange hiding or anything, just an input field with a border.

I tried disabling our javascript validation, no change.

I tried removing the maxlength attributes from all fields, no change.

It appears to be specific to this one device type. Testing with Galaxy SII/SIII or any other android OS phone does not have this result.

Answer 1

Found it, finally!

http://code.google.com/p/android/issues/detail?id=35264

This is a known issue. The only workaround is to create a javascript validator that removes all maxlength attributes from fields.