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:

enter image description here

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

Popular posts from this blog

python - TypeError: start must be a integer -

c# - DevExpress RepositoryItemComboBox BackColor property ignored -

django - Creating multiple model instances in DRF3 -