-
-
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 [email protected] 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 [email protected] 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
thank you works like a charm
Does this still work for you all? Doesn't work for me. l tried scrollAssist: false, and autoFocusAssist:false with and without this.keyboard.disableScroll(true). Neither works. Logged my issue here. ionic-team/ionic-plugin-keyboard#275
Cordova CLI: 6.4.0
Ionic Framework Version: 3.0.1
Ionic CLI Version: 2.1.14
Ionic App Lib Version: 2.1.7
Ionic App Scripts Version: 1.3.0
ios-deploy version: 1.9.1
ios-sim version: 5.0.12
OS: macOS Sierra
Node Version: v7.4.0
Xcode version: Xcode 8.3.2 Build version 8E2002
@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
@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" />
It works but I have to delete Keyboard.disableScroll(true);
Cordova CLI: 6.3.1
Ionic Framework Version: 2.0.0-rc.1
Ionic CLI Version: 2.1.1
Ionic App Lib Version: 2.1.1
Ionic App Scripts Version: 0.0.38
ios-deploy version: 1.9.0
ios-sim version: 5.0.8
OS: Mac OS X Sierra
Node Version: v7.2.1
Xcode version: Xcode 8.2 Build version 8C38