CODEWITHSUNDEEP
ionic-frameworkionic3setfocusionic-keyboard
Ace
Ace

Reputation: 71

Is there any way to hide keyboard when focusing an ion-input?

I wanted to have an ion-input that will be focused and the keyboard should not appear. Is there any way or is it possible? Thank you!

Upvotes: 6

Views: 6164

Answers (2)

Liam Ferris
Liam Ferris

Reputation: 1846

I tried Kevin's answer and got the same 'Keyboard' refers to a value, but is being used as a type here. Did you mean 'typeof Keyboard'? issue that Mitesh got.

I resolved this with:

import { Keyboard } from '@ionic-native/keyboard/ngx'

@Component({
  selector: 'app-upload-root',
  templateUrl: 'upload-root.page.html',
  styleUrls: ['upload-root.page.scss'],
  providers: [Keyboard]
})

constructor(private keyboard: Keyboard)

this.keyboard.hide();

Not sure how or why this was needed, but it works for me.

Upvotes: 2

Kevin Dias
Kevin Dias

Reputation: 1076

yes, install this plugin -> https://ionicframework.com/docs/native/keyboard/

html

<ion-input type="text" [(ngModel)]="message"  (ionFocus)="keyboard_show()"  #input ></ion-input>

ts

    import {
      Keyboard
    } from '@ionic-native/keyboard';

    constructor(private keyboard: Keyboard, private ) {
    }
      keyboard_show(){
       this.keyboard.close();
      }

Upvotes: 3

Related Questions