capacitor-keyboard

Handle keyboard visibility, accessory bars, and scroll in Capacitor apps.

Updated Mar 9, 2026
One-click install
npx skills add https://github.com/sebc-dev/prosperity --skill capacitor-keyboard-sebc-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: capacitor-keyboard
Source: https://github.com/sebc-dev/prosperity/tree/main/.claude/skills/capacitor-keyboard
Command: npx skills add https://github.com/sebc-dev/prosperity --skill capacitor-keyboard-sebc-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @capacitor/keyboard.

What problem does it solve?

This Skill addresses common issues and challenges with handling keyboards in Capacitor apps, including visibility detection, accessory bars, scroll behavior, and input focus.

Core Features & Use Cases

  • Keyboard Visibility: Detects when the keyboard becomes visible or hidden and provides event listeners for these changes.
  • Accessory Bars: Customizes and controls the keyboard accessory bar for iOS.
  • Scroll Handling: Smoothly scrolls content based on keyboard visibility changes.
  • Input Focus: Ensures the correct input field remains focused during keyboard interaction.
  • Use Case: Ideal for troubleshooting or enhancing the user experience in Capacitor applications, such as mobile forms, text editors, and data entry screens.

Quick Start

Integrate the capacitor-keyboard skill into your project by installing the required package and updating the capacitor configuration file.

Frequently Asked Questions about capacitor-keyboard

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

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

To handle keyboard visibility in a Capacitor app, use event listeners that detect when the keyboard shows or hides. This framework provides the necessary tools to trigger UI adjustments like resizing views or managing input focus.

What's the best way to manage scroll behavior when the keyboard appears in iOS and Android apps?

The best way to manage scroll behavior is to implement automatic scroll handling that adjusts content based on keyboard visibility changes. This ensures the active input field remains visible on iOS and Android apps.

Can I customize the keyboard accessory bar on iOS using Capacitor?

Yes, you can customize and control the keyboard accessory bar on iOS using this framework. It allows you to tailor the bar above the keyboard for better user interaction during text input and data entry.

Do I need @capacitor/keyboard to manage input focus in my mobile forms?

Yes, you need the @capacitor/keyboard package to manage input focus in mobile forms. Installing this dependency provides the required framework to ensure the correct input field remains focused during keyboard interaction.

Why does my Capacitor app fail to scroll correctly when the keyboard opens?

Your Capacitor app might fail to scroll correctly because it lacks proper keyboard visibility detection. Implementing dedicated scroll handling ensures content adjusts smoothly when the keyboard opens, keeping input fields visible.