Skip to content
This repository was archived by the owner on May 4, 2022. It is now read-only.
This repository was archived by the owner on May 4, 2022. It is now read-only.

Input textarea with ion-footer-bar in ionic is behaving erratically #401

@stib

Description

@stib

In updating my ionic-v1 app recently my keyboard functionality in ion-footer-bar in the messaging window started behaving erratically.

When I tap on the text input screen for the messaging section of the App, the keyboard shows up but my page header scrolls away and when I type the message text it does not appear in the input textarea. Tapping the input area again few times jumps/scrolls the screen around.

The issue has also been described here ionic-team/cordova-plugin-ionic-keyboard#47 and ionic-team/ionic-framework#12844

This issue is for iOS only - Android side works fine.

I have tried proposed solutions like adding the following to my config.xml

<preference name="KeyboardResize" value="true" />
<preference name="KeyboardResizeMode" value="ionic" />

but that hasn't helped. Those solutions seem to be for later versions of ionic and I am on ionic-v1.

Expected behavior will be for the input textarea in the ion-footer-bar to behave normally.

I am stuck on this issue for almost a week. Look forward to any help or pointers to help address this issue.

ionic 1.x

Run ionic info from terminal/cmd prompt: (paste output below)
cli packages: (/Users/stibrewal/.nvm/versions/node/v6.9.1/lib/node_modules)

@ionic/cli-utils  : 1.19.0
ionic (Ionic CLI) : 3.19.0

global packages:

cordova (Cordova CLI) : 7.1.0 

local packages:

Cordova Platforms : android 7.1.4 ios 4.5.5
Ionic Framework   : ionic1 1.3.1

System:

Android SDK Tools : 25.2.5
ios-deploy        : 1.9.0 
ios-sim           : 5.0.11 
Node              : v6.9.1
npm               : 3.10.8 
OS                : macOS High Sierra
Xcode             : Xcode 10.1 Build version 10B61 

Environment Variables:

ANDROID_HOME : /usr/local/bin/android-sdk-macosx

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions