html - Django/Bootstrap password input field doesn't work on mobile -
i have a django , bootstrap signup form that's working fine on desktop. on mobile, can't password field. cursor , keyboard never appear when tap on signup password fields (all other fields fine, including password field login form on same page).
this how html being rendered via django's "{{ form|bootstrap }}":
<div class="form-group"> <label class="control-label " for="id_password1">password</label> <div class=" "> <input class=" form-control" id="id_password1" name="password1" placeholder="password" type="password" /> </div> </div> <div class="form-group"> <label class="control-label " for="id_password2">password (again)</label> <div class=" "> <input class=" form-control" id="id_password2" name="password2" placeholder="password" type="password" /> </div> </div>
the login password field work renders this:
<div class="form-group"> <label class="control-label " for="id_password">password</label> <div class=" "> <input class=" form-control" id="id_password" name="password" placeholder="password" type="password" /> </div> </div>
here's signup form failing password fields looks like:
any ideas what's going on , how can fix it?
update: using "{{ form }}" instead of "{{ form|bootstrap }}", password fields work, seems it's bootstrap problem. i'd prefer have bootstrap styles applied, i'm still looking solution.
Comments
Post a Comment