The keyboard hides on cordova android app

[kochol]

I created a custom component wrapper to show an angular component on each page but on my mobile device when I click on a textbox keyboard comes up for a moment and hide again and if I paste anything in the textbox it will be erased immediately.

`

<kb-page-slider [(page)]="pi"> <div *kbPages="let page of pages" class="page" [style.background]="page.color">
<dcl-wrapper [type]="page.title">

import { Component, OnInit } from '@angular/core';
import { HomeComponent } from './Home.component';
import { SendComponent } from './Send.component';
import { ReceiveComponent } from './Receive.component';

@Component({
	moduleId: module.id,
	selector: 'my-Slider',
	templateUrl: 'Slider.component.html',
	styles: [
		`:host {
			position: relative;
			display: block;
			width: 100%;
			height: 500px;
		}`,
		`kb-page-slider {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
		}`,
		`.page {
			padding: 15px 5px;
			text-align: center;
		}`
	]
})
export class SliderComponent implements OnInit
{ 
	pi:number=0;
	public pages = [
		{ title: SendComponent, color: "red" },
		{ title: HomeComponent, color: "blue" },
		{ title: ReceiveComponent, color: "green" }
	];
	// Component On Init
	ngOnInit() {
		
	}

	ngAfterViewInit() {
		this.pi = 1;
	}
}

'