Skip to content

Keyboard Overlay Issue: Input Fields Hidden Behind Native Keyboard in Hybrid WebView App #89

@HelloooJoe

Description

@HelloooJoe

Issue Summary:
When text boxes are near the bottom of the screen in a hybrid WebView app, the native keyboard does not behave as expected. Instead of pushing the DOM up so that the text box or dropdown remains visible while typing or selecting, the keyboard overlays the input field, making it inaccessible.

Steps to Reproduce:

  1. Open the app and locate a text box positioned near the bottom of the screen.
    dom1

  2. Activate the native keyboard by selecting the text box.

  3. Observe that:

    • The input field remains hidden behind the keyboard.
    • Scrolling to bring the input field into view is not possible.
      dom2

Expected Behavior:
When the keyboard is activated, the bottom of the screen should effectively shift to accommodate the keyboard, moving the input field (or dropdown selection box) into view. This is the behavior observed when accessing the web app directly in Chrome or other browsers.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions