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.
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.