-
-
Save EvanWillms/8773f8cfa12f469fabf0bdd7a75723e7 to your computer and use it in GitHub Desktop.
| // Minimum viable app.ts pulled from https://github.com/driftyco/ionic2-starter-blank/tree/41b4da8329636a95ab05d2579efd3a1527d2e830 | |
| // This snapshot is likely ionic-angular@2.0.0-beta.4 compatable | |
| import 'es6-shim'; | |
| import {App, Platform} from 'ionic-angular'; | |
| import {StatusBar} from 'ionic-native'; | |
| import {HomePage} from './pages/home/home'; | |
| @App({ | |
| template: '<ion-nav [root]="rootPage"></ion-nav>', | |
| config: { | |
| // These options are available in ionic-angular@2.0.0-beta.2 and up. | |
| scrollAssist: false, // Valid options appear to be [true, false] | |
| autoFocusAssist: false // Valid options appear to be ['instant', 'delay', false] | |
| } // http://ionicframework.com/docs/v2/api/config/Config/ | |
| }) | |
| export class MyApp { | |
| rootPage: any = HomePage; | |
| constructor(platform: Platform) { | |
| platform.ready().then(() => { | |
| // Okay, so the platform is ready and our plugins are available. | |
| // Here you can do any higher level native things you might need. | |
| StatusBar.styleDefault(); | |
| if (window.cordova && window.cordova.plugins.Keyboard) { | |
| // This requires installation of https://github.com/driftyco/ionic-plugin-keyboard | |
| // and can only affect native compiled Ionic2 apps (not webserved). | |
| cordova.plugins.Keyboard.disableScroll(true); | |
| } | |
| }); | |
| } | |
| } |
@vejja solution eliminated the issue when viewing the app in broswer on ionic serve.
But the issue of keyboard shrinking the viewport still exist when viewing my app on android using ionic devApp. I haven;t checked on iOS but I hope it does solves the problem of shrinking the WebVIew in that case!
Further, I have also checked Keyboard API provided by ionic. But there appears to be incomplete documentation on this plugin.
Can anyone please help me out here?
I would be greatly relieved if the keyboard somehow appears on top of contents without disturbing the viewport dimensions.
Here is my ionic info:
- ionic/cli-utils : 1.19.0
- Ionic CLI: 3.19.0
- ionic/app-scripts: 3.1.2
- ionic framework: ionic-angular 3.9.2
- Node: v8.9.0
- npm: 5.5.1
We also have an issue in Android Browser (not cordova). Clicking an input quickly shows and hides the keyboard, not allowing user to enter enything. Help!
I am facing the same problem i.e. when keyboard is being opened my whole background pushes up along with keyboard.
I having following config:
Ionic/cli: 4.3.1
cordova-plugin-ionic-keyboard: 2.1.3
Kindly help me out for the same as above all tricks are not working for me.
Adding the following to config.xml fixed the issue for me (ionic v4.4.0):
<preference name="KeyboardResize" value="true" /> <preference name="KeyboardResizeMode" value="ionic" />
@vejja 's snippet worked for me...
$ ionic info
Cordova CLI: 7.0.1
Ionic Framework Version: 2.3.0
Ionic CLI Version: 2.1.14
Ionic App Lib Version: 2.1.7
Ionic App Scripts Version: 1.1.4
ios-deploy version: 1.9.1
ios-sim version: 5.0.13
OS: OS X El Capitan
Node Version: v7.0.0
Xcode version: Xcode 8.2.1 Build version 8C1002