Covering text on IOS after key press

[RobCoco90]

This bug happen on nativescript-vue on IOS platform.

I got a GridLayout with a ScrollView taking the most of the screen with the chat and on the bottom the TextView for the message.

When I tap the TextView I get the full view pushed up how it should be.

But, when I press any key of the keyboard, the view stretch and get overlapped.

<template>
  <Page class="page" @loaded="onLoaded">
    <CustomActionBar :title="title" icon="fa-chevron-left">
    </CustomActionBar>
    <PreviousNextView>
      <GridLayout rows="*, auto" cols="*">
        <ScrollView row="0" col="0" class="chat-box" ref="listView">
          <StackLayout class="chat-wrapper">
            <Message
              v-for="(message, index) in chat"
              :id="`msg-${message.id}`"
              :key="message.id"
              :ref="index"
              :message="message"
            />
          </StackLayout>
        </ScrollView>
        <GridLayout
          column="0" row="1"
          columns="*,auto" rows="*"
          class="send-message-container"
        >
            <TextView
              style="background-color: white; height: auto" borderBottomWidth="0"
              minHeight="40" hint="Type a message" row="0" col="0"
              v-model="message"
            ></TextView>
            <Label verticalAlignment="center" row="0" col="1" class="fa" fontSize="25" :text="'fa-paper-plane' | fonticon" @tap="sendMessage"/>
        </GridLayout>
      </GridLayout>
    </PreviousNextView>
  </Page>
</template>

[MateusSpadari]

Hello @RobCoco90 I have the exactly same problem here ! When i click any keyboard button the input goes down :/

[dereekb]

I'm running into a similar issue, but in my case the keyboard will break as soon as the type of keyboard changes.

After clicking emoticons:

Clicking back to normal text then attempting to type something:

This behavior seems to not occur on a physical iPhone 7+ device, but does occur on an iPhone 11 Pro. The same behavior exists on the iPhone 11 Pro simulator, but not on the iPhone 6 (12.4) simulator or an iPhone 8 simulator.

iPhone 6

iPhone 8

My guess is the space difference at the bottom of the screen may be causing issues. Earlier this month the issue didn't occur on my iPhone 11, so I'm thinking a recent update in the IQKeyboardManager dependency may have caused the change.

https://github.com/hackiftekhar/IQKeyboardManager/releases

Edit: I manually updated the Podfile to use 6.5.4, but still encountered the same behavior.

I decided to disable the IQ Keyboard for this messages view/page and just update the view heights programmatically when the keyboard opens/closes.

I'll be watching the thread to see if you find a fix, but the IQ Keyboard manager has seemed to not play nicely with my message view so far compared to every other view in my app.

[SergioZhydecky]

I have the same behaviour on all iphones and emulators

[SergioZhydecky]

Please help

[SmailHammour]

@tjvantoll Any news on this?

[MateusSpadari]

has anyone made any progress? I'm trying... I really need this to work :/

[SmailHammour]

has anyone made any progress? I'm trying... I really need this to work :/

@MateusSpadari The only way to fix this, for now, is to disable the IQ Keyboard and programmatically update the view & Textfield position.

I really wish the NS developers would be more pro-active when it comes to bug reports.

[MateusSpadari]

Thanks for the answer @SmailHammour ! I found a strange behavior, if I change the textview (which I am using) for the textfield, it does not happen, however the textfield does not break the line :/

[AndreasDegenhart]

Any news on that.
I need the feature too.
Please help

[FlawaCLV]

Same behavior !
@contributors 👋

[saleemepoch]

I am also having the exact issue. At the press of the first key, the input goes down. But when I click DONE, and start typing again it goes up and stays that way.

Maybe, in my case, the solution might be to trigger IQ Keyboard open when the first key is pressed?

Does anyone know how to enable or disable IQ Keyboarding programmatically?

[saleemepoch]

Actually, there is a neat way to solve this. At least it worked for me:

#42 (comment)

[dosomder]

Any news? Seems like a pretty big issue.

The hack with nesting the content in a scrollView is not acceptable for me

[SmailHammour]

@tjvantoll any news on this?

[daweedm]

@SmailHammour did you find a workaround for this ?