How turn off t9 (predictive) text on ionic keyboard?

ionic-v1
1

How can i turn off this element on keyboard, when focus in input=“text” name=“password”?image

Only on android. On iOS all work fine.

autocomplete=“off” autocorrect=“off” autocapitalize=“off” spellcheck=“false” - not helped me

1 Like
2

Hmm that is odd, that should be disabling it. Can you post the applicable html on the form for us?

3

Yes of course:

<input class="" id="password-hid"
           type="password" required
           ng-show="!isViewPass"
           placeholder="Password"
           name="password-hid"
           ng-model="user.password"
           ng-keypress="onKeyPress($event)"
           ng-focus="onFocus({current: 'password-hid', preview: 'login', next: 'pre-auth'})">
    <input class="ng-hide" id="password-vis"
           autocomplete="off"
           autocorrect="off"
           autocapitalize="off"
           spellcheck="false"
           type="text" required
           ng-show="isViewPass"
           placeholder="Password"
           name="password"
           ng-model="user.password"
           ng-keypress="onKeyPress($event)"
           ng-focus="onFocus({current: 'password-vis', preview: 'login', next: 'pre-auth'})">
4

I have the same problem and haven’t found a solution yet.

          <div class="item-input">
            <span class="input-label">First Name</span>
            <input class="text-input" type="text" unselectable="on" name="firstName" minlength="2" maxlength="10" type="text" ng-model="guest.firstName" required="" autocomplete="off" autocapitalize="off"
            autocorrect="off">
          </div>
          <error-list input="guestForm.firstName"></error-list>
          
          <!--ul class="list list-error wrapping-list" ng-show="guestForm.firstName.$error">
            <li class="item-icon-left input-error-message" ng-show="guestForm.firstName.$error.required">
              <i class= "icon ion-close-circled"></i>
              First Name is required
            </li>
            <li class="input-error-message item-icon-left" ng-show="guestForm.firstName.$error.minlength || guestForm.$error.maxength">
              <i class= "icon ion-close-circled"></i>
              Needs to between 2 and 10 characters
            </li>
          </ul>
        </label-->
        <label class="item item-input" name="LastName" ng-class="guestForm.lastName.$invalid ? 'form-input-error' : 'form-input-success'">
          <div class="item-input">
            <span class="input-label">Last Name</span>
            <input name="lastName" minlength="2" maxlength="10" name="lastName" type="text" ng-class="" ng-model="guest.lastName" placeholder="Last Name" required="">
          </div>

I have to turn predictive text off in my phone settings otherwise when my dom elements change my text becomes highlighted and autocompletes. It’d be nice to be able to turn predictive text off application wide with a setting on the ionic-keyboard-plugin.

5

Bump!

any update on this? :slight_smile:

6

Also interested in any update. The Samsung keyboard (Galaxy S7, Note, etc) is forcing predictive text regardless of the HTML5 attributes on the input. (Not specific to password use cases, but general input type=“text” fields).