by Cap-go2cfb277a148832bdb1a835b01e4de323687b498bNo license72 starsListed Oct 9, 2026Updated Oct 9, 2026Repository updated today
Guide to handling keyboard in Capacitor apps including visibility detection, accessory bar, scroll behavior, and input focus. Use this skill when users have keyboard-related issues.
Guides handling of on-screen keyboard behavior in Capacitor mobile apps, covering events, resizing, scrolling and focus.
Manage keyboard behavior in iOS and Android apps.
Source:Cap-go/capgo-skillsinplugins/capacitor-features/skills/capacitor-keyboardat commit2cfb277
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
Cap-go
Routes Capacitor app release work across Capgo live updates, native builds, and app store publishing.
Cap-go
Guides Capgo OTA release workflows: bundle uploads, compatibility checks, channels, cleanup and encryption keys.
Cap-go
Routes multi-step Capgo cloud work across native builds, OTA releases, store publishing and organization administration.
Cap-go
Guides setup and use of the awesome-ionic-mcp Model Context Protocol server for Ionic and Capacitor mobile development.
Cap-go
Guides Capgo account lookup and organization administration via the Capgo CLI, including members and security settings.
Cap-go
Routes general Capgo CLI requests to the right Capgo sub-skill and explains CLI commands and MCP setup.
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.
npm install @capacitor/keyboardnpx cap syncimport { Keyboard } from '@capacitor/keyboard';
// Show keyboardawait Keyboard.show();
// Hide keyboardawait Keyboard.hide();
// Listen for keyboard eventsKeyboard.addListener('keyboardWillShow', (info) => { console.log('Keyboard height:', info.keyboardHeight);});
Keyboard.addListener('keyboardWillHide', () => { console.log('Keyboard hiding');});// capacitor.config.tsplugins: { Keyboard: { resize: 'body', // 'body' | 'ionic' | 'native' | 'none' style: 'dark', // 'dark' | 'light' | 'default' resizeOnFullScreen: true, },},import { Keyboard } from '@capacitor/keyboard';import { Capacitor } from '@capacitor/core';
if (Capacitor.isNativePlatform()) { Keyboard.addListener('keyboardWillShow', (info) => { document.body.style.setProperty( '--keyboard-height', `${info.keyboardHeight}px` ); });
Keyboard.addListener('keyboardWillHide', () => { document.body.style.setProperty('--keyboard-height', '0px'); });}.chat-input { position: fixed; bottom: calc(var(--keyboard-height, 0px) + env(safe-area-inset-bottom)); left: 0; right: 0;}Keyboard.addListener('keyboardWillShow', async (info) => { const activeElement = document.activeElement as HTMLElement;
if (activeElement) { // Wait for keyboard animation await new Promise((r) => setTimeout(r, 100));
activeElement.scrollIntoView({ behavior: 'smooth', block: 'center', }); }});// Show/hide the toolbar above keyboardawait Keyboard.setAccessoryBarVisible({ isVisible: true });// Prevent zoom on iOS (use font-size >= 16px)input { font-size: 16px;}
// Handle form submissionform.addEventListener('submit', async (e) => { e.preventDefault(); await Keyboard.hide(); // Process form});
// Move to next fieldinput.addEventListener('keypress', (e) => { if (e.key === 'Enter') { const nextInput = getNextInput(); if (nextInput) { nextInput.focus(); } else { Keyboard.hide(); } }});