capacitor-keyboard

Manage keyboard visibility, focus, and scroll adjustments in Capacitor mobile apps.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/hamza-sahin/pawbalance --skill capacitor-keyboard-hamza-sahin
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: capacitor-keyboard
Source: https://github.com/hamza-sahin/pawbalance/tree/main/.claude/skills/capacitor-keyboard
Command: npx skills add https://github.com/hamza-sahin/pawbalance --skill capacitor-keyboard-hamza-sahin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Manage keyboard behavior in Capacitor apps across iOS and Android, including visibility detection, input focus, and scroll adjustments.

Core Features & Use Cases

  • Keyboard visibility control and events (keyboardWillShow / keyboardWillHide)
  • iOS accessory bar management and resize behavior
  • Scroll-aware input handling to keep fields visible
  • Cross-platform compatibility and simple integration with @capacitor/keyboard

Quick Start

Install the Capacitor Keyboard plugin and initialize it in your app to enable keyboard events and responsive layout adjustments.

Frequently Asked Questions about capacitor-keyboard

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I detect keyboard visibility in a Capacitor app?

Detect keyboard visibility in a Capacitor app by listening to keyboardWillShow and keyboardWillHide events provided by the @capacitor/keyboard plugin. This enables responsive layout adjustments when the software keyboard appears or disappears on iOS and Android.

How do I keep input fields visible when the mobile keyboard opens?

Keep input fields visible when the mobile keyboard opens by implementing scroll-aware input handling. The Capacitor keyboard plugin guides scroll adjustments to ensure focused inputs remain visible on screen across both iOS and Android platforms.

How do I manage the iOS accessory bar in a Capacitor project?

Manage the iOS accessory bar in a Capacitor project using the keyboard plugin's specific configuration for accessory bar control and resize behavior. This allows you to hide or show the bar above the keyboard for better user experience.

Does the Capacitor keyboard plugin work on both iOS and Android?

Yes, the Capacitor keyboard plugin works on both iOS and Android. It provides cross-platform compatibility for keyboard visibility detection, input focus management, and scroll adjustments, ensuring consistent behavior across mobile operating systems.

How do I hide the keyboard in a Capacitor app?

Hide the keyboard in a Capacitor app through the @capacitor/keyboard plugin's input focus management features. The plugin specifies runtime usage and configuration to programmatically dismiss the keyboard and handle visibility events.

What is the best way to handle keyboard events in Capacitor?

The best way to handle keyboard events in Capacitor is through the @capacitor/keyboard plugin, which provides event-based handling for keyboardWillShow and keyboardWillHide. It offers simple integration with example code snippets for responsive mobile layout adjustments.