Security News
Maven Central Adds Sigstore Signature Validation
Maven Central now validates Sigstore signatures, making it easier for developers to verify the provenance of Java packages.
By Sarah Gooding - Feb 06, 2025
New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
cordova-plugin-pvt-ionic-keyboard
Advanced tools
cordova-plugin-ionic-keyboard
This plugin has been designed to work seamlessly with cordova-plugin-ionic-webview, so make sure you have it installed first:
- https://github.com/ionic-team/cordova-plugin-ionic-webview
- https://ionicframework.com/docs/wkwebview/
Installation
cordova plugin add cordova-plugin-ionic-keyboard --save
Preferences
KeyboardResize (for iOS only)
Boolean (true by default)
Possible values
true: Showing/hiding the keyboard will trigger some kind of resizing of the app (see KeyboardResizeMode)false: Web will not be resized when the keyboard shows up.
<preference name="KeyboardResize" value="true" />
KeyboardResizeMode (for iOS only)
String ('native' by default)
Possible values
native: The whole native webview will be resized when the keyboard shows/hides, it will affect thevhrelative unit.body: Only the html<body>element will be resized. Relative units are not affected, because the viewport does not change.ionic: Only the htmlion-appelement will be resized. Only for ionic apps.
<preference name="KeyboardResizeMode" value="native" />
KeyboardStyle (for iOS only)
String ('light' by default)
Possible values
lightdark
<preference name="KeyboardStyle" value="dark" />
HideKeyboardFormAccessoryBar (for iOS only)
Boolean (true by default)
Possible values
true: hides the keyboard accessory bar.false: shows the keyboard accessory bar.
<preference name="HideKeyboardFormAccessoryBar" value="false" />
resizeOnFullScreen (for Android only)
There is an Android bug that prevents the keyboard from resizing the WebView when the app is in full screen (i.e. if StatusBar plugin is used to hide the StatusBar). This setting, if set to true, add a workaround that resizes the WebView even when the app is in full screen.
Boolean (false by default)
Possible values
false: doesn't resize the WebView when the app is in full screen.true: resizes the WebView when the app is in full screen.
<preference name="resizeOnFullScreen" value="true" />
Methods
Keyboard.hideFormAccessoryBar (for iOS only)
Hide the keyboard toolbar.
Set to true to hide the additional toolbar that is on top of the keyboard. This toolbar features the Prev, Next, and Done buttons.
Keyboard.hideFormAccessoryBar(value, successCallback);
Quick Example
Keyboard.hideFormAccessoryBar(true);
Keyboard.hideFormAccessoryBar(false);
Keyboard.hideFormAccessoryBar(null, (currentValue) => { console.log(currentValue); });
Keyboard.hide
Hide the keyboard
Call this method to hide the keyboard
Keyboard.hide();
Keyboard.show (for Android only)
Show the keyboard
Call this method to show the keyboard.
Keyboard.show();
Keyboard.setResizeMode (for iOS only)
Programmatically set the resize mode
Call the method with parameter to set the resize mode.
// Possible values are the same as for 'KeyboardResizeMode' preference
Keyboard.setResizeMode('native');
Keyboard.setResizeMode('body');
Keyboard.setResizeMode('ionic');
Keyboard.setKeyboardStyle (for iOS only)
Programmatically set the keyboard style
// Possible values are the same as for 'KeyboardStyle' preference
Keyboard.setKeyboardStyle('light'); // <- default
Keyboard.setKeyboardStyle('dark');
Keyboard.disableScroll (for iOS only)
Programmatically enable or disable the WebView scroll
Keyboard.disableScroll(true); // <- default
Keyboard.disableScroll(false);
Properties
Keyboard.isVisible
Determine if the keyboard is visible.
Read this property to determine if the keyboard is visible.
if (Keyboard.isVisible) {
// do something
}
Events
keyboardDidHide
This event is fired when the keyboard is fully closed.
Attach handler to this event to be able to receive notification when keyboard is closed.
window.addEventListener('keyboardDidHide', () => {
// Describe your logic which will be run each time keyboard is closed.
});
keyboardDidShow
This event is fired when the keyboard is fully open.
Attach handler to this event to be able to receive notification when keyboard is opened.
window.addEventListener('keyboardDidShow', (event) => {
// Describe your logic which will be run each time when keyboard is about to be shown.
console.log(event.keyboardHeight);
});
keyboardWillShow
This event fires before keyboard will be shown.
Attach handler to this event to be able to receive notification when keyboard is about to be shown on the screen.
window.addEventListener('keyboardWillShow', (event) => {
// Describe your logic which will be run each time when keyboard is about to be shown.
console.log(event.keyboardHeight);
});
keyboardWillHide
This event fires before keyboard will be closed.
Attach handler to this event to be able to receive notification when keyboard is about to be closed.
window.addEventListener('keyboardWillHide', () => {
// Describe your logic which will be run each time when keyboard is about to be closed.
});
FAQs
Ionic Keyboard Plugin
The npm package cordova-plugin-pvt-ionic-keyboard receives a total of 0 weekly downloads. As such, cordova-plugin-pvt-ionic-keyboard popularity was classified as not popular.
We found that cordova-plugin-pvt-ionic-keyboard demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Package last updated on 24 Mar 2021
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Related posts
Security News
38% of CISOs Fear They’re Not Moving Fast Enough on AI
CISOs are racing to adopt AI for cybersecurity, but hurdles in budgets and governance may leave some falling behind in the fight against cyber threats.
By Sarah Gooding - Feb 04, 2025
Research
Security News
Go Supply Chain Attack: Malicious Package Exploits Go Module Proxy Caching for Persistence
Socket researchers uncovered a backdoored typosquat of BoltDB in the Go ecosystem, exploiting Go Module Proxy caching to persist undetected for years.
By Kirill Boychenko - Feb 04, 2025